css form user registrer & log in

web/themes/custom/reha/css/reha.css

@@ -15,16 +15,6 @@
   border: none !important;
   cursor: pointer; }
 
-.form-submit {
-  background-color: white;
-  border: solid black 1px;
-  text-transform: uppercase;
-  padding: 1rem;
-  height: 5rem !important;
-  margin-bottom: 1rem;
-  font-size: 1.3rem;
-  font-weight: 300; }
-
 .mailto {
   text-decoration: underline; }
 
@@ -130,7 +120,7 @@
     flex: 0 0 100%; }
 
 .layout-content {
-  padding-top: 7rem;
+  padding-top: 3rem;
   padding-bottom: 6rem;
   width: 60%;
   margin: auto; }
@@ -285,6 +275,28 @@ footer {
   display: flex;
   flex-direction: column; }
 
+label {
+  padding-bottom: 0.5rem; }
+
+input {
+  height: 2rem; }
+
+.form-submit {
+  background-color: white;
+  border: solid black 1px;
+  text-transform: uppercase;
+  padding: 1rem;
+  height: 5rem !important;
+  margin-bottom: 1rem;
+  font-size: 1.3rem;
+  font-weight: 300; }
+
+#user-login-form .form-item {
+  flex-direction: row;
+  margin: 1rem; }
+  #user-login-form .form-item label {
+    padding-right: 0.5rem; }
+
 /*pages*/
 .home-page-layout-content .layout--onecol {
   margin: auto;
@@ -304,19 +316,4 @@ footer {
 
 .user--register h1 {
   font-size: 3rem !important;
-  font-weight: normal; }
+  font-weight: 600; }
-
-.user--register .form-item {
-  display: flex;
-  flex-direction: column; }
-
-.user--register #user-register-form .form-item {
-  display: flex;
-  flex-direction: column;
-  padding-bottom: 1rem; }
-
-.user--register #user-register-form label {
-  padding-bottom: 0.5rem; }
-
-.user--register #user-register-form input {
-  height: 2rem; }

web/themes/custom/reha/scss/global/_layout.scss

@@ -30,7 +30,7 @@ $header-height : 150px;
 }
 
 .layout-content{
-    padding-top: 7rem;
+    padding-top: 3rem;
     padding-bottom: 6rem;
     width: 60%;
     margin: auto;

web/themes/custom/reha/scss/global/variables/_buttons.scss

@@ -15,14 +15,5 @@
     cursor: pointer;
 }
 
-.form-submit{
+
-    background-color: white;
-    border: solid black 1px;
-    text-transform: uppercase;
-    padding: 1rem;
-    height: 5rem !important;
-    margin-bottom: 1rem;
-    font-size: 1.3rem;
-    font-weight: 300;
-}
 

web/themes/custom/reha/scss/pages/_creer-un-compte.scss

@@ -3,29 +3,8 @@
 .user--register{
     h1{
         font-size: 3rem !important;
-        font-weight: normal;
+        font-weight: 600;
-    }
-
-    .form-item{
-        display: flex;
-        flex-direction: column;
     }
 
 
-    #user-register-form{
-        .form-item{
-            display: flex;
-            flex-direction: column;
-            padding-bottom: 1rem;
-            
-        }   
-        label{
-            padding-bottom: 0.5rem;
-        }
-        input{
-            height: 2rem;
-        }
-
-        
-    }
 }

web/themes/custom/reha/scss/partials/_forms.scss

@@ -1,4 +1,31 @@
 .form-item{
     display: flex;
     flex-direction: column;
-}
+}
+label{
+    padding-bottom: 0.5rem;
+}
+input{
+    height: 2rem;
+}
+.form-submit{
+    background-color: white;
+    border: solid black 1px;
+    text-transform: uppercase;
+    padding: 1rem;
+    height: 5rem !important;
+    margin-bottom: 1rem;
+    font-size: 1.3rem;
+    font-weight: 300;
+}
+
+#user-login-form{
+    .form-item{
+        flex-direction: row;
+        margin: 1rem;
+        label{
+            padding-right: 0.5rem;
+        }
+    }
+}
+    

web/themes/custom/reha/scss/reha.scss

@@ -1,5 +1,8 @@
 /*reha*/
 
+
+
+
 /*global*/
 
 @import "global/variables/colors";
@@ -10,13 +13,12 @@
 @import "global/layout";
 @import "global/reset";
 
-
-
 /*partials*/
 @import "partials/header";
 @import "partials/footer";
 @import "partials/forms";
 
+
 /*pages*/
 @import "pages/home";
-@import "pages/creer-un-compte";
+@import "pages/creer-un-compte.scss";