Bidi support

2 files changed, 6 insertions, 5 deletions

diff --git a/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss b/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss
index 2dfb057e7..da3751b47 100644
--- a/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss
+++ b/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss
@@ -29,10 +29,10 @@
 
   my-actor-avatar {
     @include actor-avatar-size(75px);
+    @include margin-right(15px);
 
     grid-column: 1;
     grid-row: 1 / 3;
-    margin-right: 15px;
   }
 
   a {
@@ -51,13 +51,14 @@
   }
 
   .actor-counters {
+    @include margin-left(15px);
+
     grid-row: 1;
     grid-column: 3;
     color: pvar(--greyForegroundColor);
     font-size: 16px;
     display: flex;
     align-items: center;
-    margin-left: 15px;
   }
 
   .actor-counters > *:not(:last-child)::after {
@@ -92,7 +93,7 @@ my-subscribe-button {
   overflow: hidden;
 
   my-video-miniature {
-    margin-right: 15px;
+    @include margin-right(15px);
     min-width: $video-thumbnail-medium-width;
     max-width: $video-thumbnail-medium-width;
   }
diff --git a/client/src/app/+accounts/accounts.component.scss b/client/src/app/+accounts/accounts.component.scss
index 2e99fe8a5..1a1ad1b53 100644
--- a/client/src/app/+accounts/accounts.component.scss
+++ b/client/src/app/+accounts/accounts.component.scss
@@ -23,13 +23,13 @@
   max-width: $max-channels-width;
 
   simple-search-input {
-    margin-left: auto;
+    @include margin-left(auto);
   }
 }
 
 my-user-moderation-dropdown,
 .badge {
-  margin-left: 10px;
+  @include margin-left(10px);
 
   position: relative;
   top: 3px;