Bidi support

2 files changed, 12 insertions, 9 deletions

diff --git a/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss b/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss
index 67587a58a..f09500682 100644
--- a/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss
+++ b/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss
@@ -8,9 +8,10 @@
 }
 
 .playlist-info {
+  @include margin-left(calc(#{pvar(--horizontalMarginContent)} * -1));
+
   grid-column: 1;
   background-color: pvar(--submenuBackgroundColor);
-  margin-left: calc(#{pvar(--horizontalMarginContent)} * -1);
   margin-top: -$sub-menu-margin-bottom;
 
   padding: 15px;
@@ -34,7 +35,7 @@
     @include grey-button;
     @include apply-svg-color(pvar(--actionButtonColor));
 
-    margin-right: 10px;
+    @include margin-right(10px);
   }
 }
 
@@ -91,8 +92,8 @@ my-video-playlist-miniature {
 
   my-video-playlist-miniature,
   .playlist-buttons {
-    margin-left: auto;
-    margin-right: auto;
+    @include margin-left(auto);
+    @include margin-right(auto);
   }
 
   ::ng-deep my-video-playlist-element-miniature {
@@ -102,7 +103,7 @@ my-video-playlist-miniature {
     }
 
     .position {
-      margin-right: 5px !important;
+      @include margin-right(5px !important);
     }
   }
 }
diff --git a/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.scss b/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.scss
index 94187efd4..f84b733a6 100644
--- a/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.scss
+++ b/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.scss
@@ -18,8 +18,9 @@ input[type=text] {
 }
 
 .video-playlist-buttons {
+  @include margin-left(10px);
+
   display: flex;
-  margin-left: 10px;
   align-self: flex-end;
 }
 
@@ -33,7 +34,7 @@ my-video-playlist-miniature {
 }
 
 my-delete-button {
-  margin-right: 10px;
+  @include margin-right(10px);
 }
 
 @include on-small-main-col {
@@ -46,8 +47,9 @@ my-delete-button {
   }
 
   .video-playlist-buttons {
+    @include margin-left(auto);
+
     margin-top: 10px;
-    margin-left: auto;
   }
 }
 
@@ -62,6 +64,6 @@ my-delete-button {
   }
 
   .action-button {
-    margin-left: 0;
+    @include margin-left(0);
   }
 }