X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bvideos%2F%2Bvideo-edit%2Fvideo-add-components%2Fvideo-upload.component.scss;h=f26e95ec530f2648a2f204bace74e6bf746cd203;hb=fa12eacc014aae8094d108634371640f2695bf9f;hp=d9f348a70c554281472c1b5203368e97b0175322;hpb=ad35265d743e621d86f3f0796dd9d8795c599dca;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.scss b/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.scss
index d9f348a70..f26e95ec5 100644
--- a/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.scss
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.scss
@@ -1,5 +1,5 @@
-@import 'variables';
-@import 'mixins';
+@use '_variables';
+@use '_mixins';
 
 .first-step-block {
   .form-group-channel {
@@ -23,6 +23,7 @@
 
   .progress {
     @include progressbar;
+
     flex-grow: 1;
     height: 30px;
     font-size: 14px;
@@ -31,12 +32,13 @@
     .progress-bar {
       background-color: $green;
       line-height: 30px;
-      text-align: left;
+      text-align: start;
       font-weight: $font-semibold;
 
       span {
+        @include margin-left(13px);
+
         color: pvar(--mainBackgroundColor);
-        margin-left: 13px;
       }
     }
   }
@@ -44,7 +46,6 @@
   input {
     @include peertube-button;
     @include grey-button;
-
-    margin-left: 10px;
+    @include margin-left(10px);
   }
 }