Bidi support

3 files changed, 14 insertions, 7 deletions

diff --git a/client/src/app/+admin/system/jobs/jobs.component.scss b/client/src/app/+admin/system/jobs/jobs.component.scss
index 65ee6ec5f..6698646cd 100644
--- a/client/src/app/+admin/system/jobs/jobs.component.scss
+++ b/client/src/app/+admin/system/jobs/jobs.component.scss
@@ -25,7 +25,7 @@
 
   .select-filter-block {
     &:not(:last-child) {
-      margin-right: 10px;
+      @include margin-right(10px);
     }
 
     label {
@@ -43,7 +43,7 @@
 }
 
 td .glyphicon {
-  margin-right: 10px;
+  @include margin-right(10px);
 }
 
 pre {
diff --git a/client/src/app/+admin/system/logs/logs.component.scss b/client/src/app/+admin/system/logs/logs.component.scss
index 1a7c3be75..e2e5a5932 100644
--- a/client/src/app/+admin/system/logs/logs.component.scss
+++ b/client/src/app/+admin/system/logs/logs.component.scss
@@ -19,8 +19,9 @@
   }
 
   .log-level {
+    @include margin-right(5px);
+
     font-weight: $font-semibold;
-    margin-right: 5px;
   }
 
   .log-by {
@@ -54,7 +55,7 @@
   my-button,
   .peertube-select-container,
   ng-select {
-    margin-left: 10px;
+    @include margin-left(10px);
   }
 }
 
@@ -65,8 +66,9 @@
     .peertube-select-container,
     ng-select,
     my-button {
+      @include margin-left(0 !important);
+
       width: 100% !important;
-      margin-left: 0 !important;
       margin-bottom: 10px !important;
     }
 
@@ -84,8 +86,9 @@
       .peertube-select-container,
       ng-select,
       my-button {
+        @include margin-left(0 !important);
+
         width: 100% !important;
-        margin-left: 0 !important;
         margin-bottom: 10px !important;
       }
 
diff --git a/client/src/app/+admin/system/system.component.scss b/client/src/app/+admin/system/system.component.scss
index 766d7853b..3ffcb67c0 100644
--- a/client/src/app/+admin/system/system.component.scss
+++ b/client/src/app/+admin/system/system.component.scss
@@ -1,4 +1,8 @@
+@import '_variables';
+@import '_mixins';
+
 .form-sub-title {
+  @include margin-right(30px);
+
   flex-grow: 0;
-  margin-right: 30px;
 }