Bidi support

2 files changed, 10 insertions, 5 deletions

diff --git a/client/src/app/+videos/video-list/overview/video-overview.component.scss b/client/src/app/+videos/video-list/overview/video-overview.component.scss
index 8fbac1b46..cb3ae2b9b 100644
--- a/client/src/app/+videos/video-list/overview/video-overview.component.scss
+++ b/client/src/app/+videos/video-list/overview/video-overview.component.scss
@@ -53,17 +53,18 @@
 
         my-actor-avatar {
           @include actor-avatar-size(28px);
+          @include margin-right(8px);
 
           font-size: initial;
-          margin-right: 8px;
         }
       }
 
       .followers {
+        @include margin-left(10px);
+
         color: pvar(--greyForegroundColor);
         font-weight: normal;
         font-size: 14px;
-        margin-left: 10px;
         position: relative;
         top: 2px;
       }
@@ -87,8 +88,9 @@
     overflow: initial;
 
     .section-title {
+      @include margin-left(10px);
+
       font-size: 17px;
-      margin-left: 10px;
     }
   }
 }
diff --git a/client/src/app/+videos/video-list/trending/video-trending-header.component.scss b/client/src/app/+videos/video-list/trending/video-trending-header.component.scss
index 6daacc78e..df127e1cb 100644
--- a/client/src/app/+videos/video-list/trending/video-trending-header.component.scss
+++ b/client/src/app/+videos/video-list/trending/video-trending-header.component.scss
@@ -1,3 +1,5 @@
+@import '_mixins';
+
 .btn-group label {
   border: 1px solid transparent;
   border-radius: 9999px !important;
@@ -5,13 +7,14 @@
   opacity: .8;
 
   &:not(:first-child) {
-    margin-left: .5rem;
+    @include margin-left(.5rem);
   }
 
   my-global-icon {
+    @include margin-right(.1rem);
+
     position: relative;
     top: -2px;
     height: 1rem;
-    margin-right: .1rem;
   }
 }