Bidi support

2 files changed, 13 insertions, 11 deletions

diff --git a/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss b/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss
index c6ef15ba5..1e82ac765 100644
--- a/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss
+++ b/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss
@@ -8,7 +8,7 @@
   justify-content: center;
 
   .playlist-wrapper {
-    margin-right: 15px;
+    @include margin-right(15px);
     padding-bottom: 15px;
   }
 }
@@ -24,9 +24,9 @@
   }
 
   .playlists {
-    justify-content: left;
+    @include margin-left(pvar(--horizontalMarginContent) !important);
+    @include margin-right(pvar(--horizontalMarginContent) !important);
 
-    margin-left: pvar(--horizontalMarginContent) !important;
-    margin-right: pvar(--horizontalMarginContent) !important;
+    justify-content: left;
   }
 }
diff --git a/client/src/app/+video-channels/video-channels.component.scss b/client/src/app/+video-channels/video-channels.component.scss
index 470f64878..3e66ac147 100644
--- a/client/src/app/+video-channels/video-channels.component.scss
+++ b/client/src/app/+video-channels/video-channels.component.scss
@@ -71,12 +71,12 @@
   flex-wrap: wrap;
 
   > *:not(:last-child) {
-    margin-right: 15px;
+    @include margin-right(15px);
   }
 }
 
 .channel-buttons.right {
-  margin-left: 45px;
+  @include margin-left(45px);
 }
 
 // Only used by mobile
@@ -85,7 +85,7 @@
 }
 
 .owner-card {
-  margin-left: 105px;
+  @include margin-left(105px);
   grid-column: 2;
   // Takes all the column
   grid-row: 1 / 3;
@@ -112,7 +112,7 @@
     }
 
     .actor-info {
-      margin-left: 15px;
+      @include margin-left(15px);
     }
 
     h4 {
@@ -160,8 +160,9 @@
   }
 
   .owner-card {
+    @include margin-left(60px);
+
     grid-row: 2;
-    margin-left: 60px;
   }
 }
 
@@ -215,8 +216,9 @@
     padding: 0;
 
     .avatar-row {
+      @include margin-right(30px);
+
       grid-column: 1;
-      margin-right: 30px;
     }
 
     .owner-description {
@@ -233,7 +235,7 @@
 
   .view-account.complete {
     display: block;
-    text-align: right;
+    text-align: end;
     margin-top: 10px;
     color: pvar(--mainColor);
   }