Move to sass module

[github/Chocobozzz/PeerTube.git] / client / src / app / +videos / +video-edit / shared / video-edit.component.scss

diff --git a/client/src/app/+videos/+video-edit/shared/video-edit.component.scss b/client/src/app/+videos/+video-edit/shared/video-edit.component.scss
index c1c7c686db5ea516d86b8b654a7e92eddb80e109..4b1dec89add7810365ee2296d14fe462005e1e75 100644 (file)
--- a/client/src/app/+videos/+video-edit/shared/video-edit.component.scss
+++ b/client/src/app/+videos/+video-edit/shared/video-edit.component.scss
@@ -1,5 +1,5 @@
-@import 'variables';
-@import 'mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 label,
 my-dynamic-form-field ::ng-deep label {
@@ -52,7 +52,7 @@ my-peertube-checkbox {
 }
 
 .captions-header {
-  text-align: right;
+  text-align: end;
   margin-bottom: 1rem;
 }
 
@@ -77,10 +77,10 @@ my-peertube-checkbox {
   }
 
   .caption-entry-label {
+    @include margin-right(20px);
+
     font-size: 15px;
     font-weight: bold;
-
-    margin-right: 20px;
     width: 150px;
   }
 
@@ -108,12 +108,12 @@ my-peertube-checkbox {
 }
 
 .submit-container {
-  text-align: right;
+  text-align: end;
 
   .message-submit {
-    display: inline-block;
-    margin-right: 25px;
+    @include margin-right(25px);
 
+    display: inline-block;
     color: pvar(--greyForegroundColor);
     font-size: 15px;
   }