X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Blogin%2Flogin.component.scss;h=49c873cd497f655ca29a8115a855c3348ddc3529;hb=1e9c1b1b44b4cbd4bc4b1e97e8e6ba2df93371de;hp=62ae722c3983019c324198e0f8a255efebacf4b9;hpb=c27463a603186b623500b03c6a56b330a6568350;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/+login/login.component.scss b/client/src/app/+login/login.component.scss
index 62ae722c3..49c873cd4 100644
--- a/client/src/app/+login/login.component.scss
+++ b/client/src/app/+login/login.component.scss
@@ -1,6 +1,6 @@
-@import '_variables';
-@import '_mixins';
-@import './_bootstrap-variables';
+@use '_variables' as *;
+@use '_mixins' as *;
+
 @import '~bootstrap/scss/functions';
 @import '~bootstrap/scss/variables';
 
@@ -14,7 +14,7 @@ input[type=email] {
 }
 
 .modal-body {
-  text-align: left;
+  text-align: start;
 
   .forgot-password-instructions {
     margin-bottom: 20px;
@@ -55,13 +55,14 @@ input[type=email] {
   }
 
   .login-form-and-externals {
+    @include margin-left(10px);
+    @include margin-right(10px);
+
     display: flex;
     flex-wrap: wrap;
     font-size: 15px;
     max-width: 450px;
     margin-bottom: 40px;
-    margin-left: 10px;
-    margin-right: 10px;
 
     form {
       margin: 0;
@@ -125,11 +126,12 @@ input[type=email] {
   }
 
   .instance-information {
+    @include margin-left(10px);
+    @include margin-right(10px);
+
     max-width: 600px;
     min-width: 350px;
     margin-bottom: 40px;
-    margin-left: 10px;
-    margin-right: 10px;
   }
 
   .terms-anchor {
@@ -146,9 +148,10 @@ input[type=email] {
 
   .login-form-and-externals,
   .instance-information {
+    @include margin-left(0);
+    @include margin-right(0);
+
     width: 100%;
-    margin-left: 0;
-    margin-right: 0;
     max-width: 450px;
     min-width: unset;
     align-self: center;