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=35c626ec2960614cf6f6ed6f3ac637078bfb0bd6;hb=8cbc40b2fe9d36ef0505b9441276ca561342e9e9;hp=d9f348a70c554281472c1b5203368e97b0175322;hpb=8f608a4cb22ab232cfab20665050764b38bac9c7;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..35c626ec2 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' as *;
+@use '_mixins' as *;
 
 .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);
   }
 }