From 552540b504a185eacd76370ee595ce77de2d7c67 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Thu, 23 Nov 2023 15:00:55 +0100
Subject: [PATCH] css form user registrer & log in

---
 web/themes/custom/reha/css/reha.css           | 51 +++++++++----------
 .../custom/reha/scss/global/_layout.scss      |  2 +-
 .../reha/scss/global/variables/_buttons.scss  | 11 +---
 .../reha/scss/pages/_creer-un-compte.scss     | 23 +--------
 .../custom/reha/scss/partials/_forms.scss     | 29 ++++++++++-
 web/themes/custom/reha/scss/reha.scss         |  8 +--
 6 files changed, 60 insertions(+), 64 deletions(-)

diff --git a/web/themes/custom/reha/css/reha.css b/web/themes/custom/reha/css/reha.css
index 72562f5..9a9e083 100644
--- a/web/themes/custom/reha/css/reha.css
+++ b/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; }
-
-.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; }
+  font-weight: 600; }
diff --git a/web/themes/custom/reha/scss/global/_layout.scss b/web/themes/custom/reha/scss/global/_layout.scss
index 3b23fd1..f4d2aea 100644
--- a/web/themes/custom/reha/scss/global/_layout.scss
+++ b/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;
diff --git a/web/themes/custom/reha/scss/global/variables/_buttons.scss b/web/themes/custom/reha/scss/global/variables/_buttons.scss
index db397e7..e9d81c5 100644
--- a/web/themes/custom/reha/scss/global/variables/_buttons.scss
+++ b/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;
-}
+
 
diff --git a/web/themes/custom/reha/scss/pages/_creer-un-compte.scss b/web/themes/custom/reha/scss/pages/_creer-un-compte.scss
index 564a6ad..e51297b 100644
--- a/web/themes/custom/reha/scss/pages/_creer-un-compte.scss
+++ b/web/themes/custom/reha/scss/pages/_creer-un-compte.scss
@@ -3,29 +3,8 @@
 .user--register{
     h1{
         font-size: 3rem !important;
-        font-weight: normal;
-    }
-
-    .form-item{
-        display: flex;
-        flex-direction: column;
+        font-weight: 600;
     }
 
 
-    #user-register-form{
-        .form-item{
-            display: flex;
-            flex-direction: column;
-            padding-bottom: 1rem;
-            
-        }   
-        label{
-            padding-bottom: 0.5rem;
-        }
-        input{
-            height: 2rem;
-        }
-
-        
-    }
 }
diff --git a/web/themes/custom/reha/scss/partials/_forms.scss b/web/themes/custom/reha/scss/partials/_forms.scss
index 2c7af05..f6d8d37 100644
--- a/web/themes/custom/reha/scss/partials/_forms.scss
+++ b/web/themes/custom/reha/scss/partials/_forms.scss
@@ -1,4 +1,31 @@
 .form-item{
     display: flex;
     flex-direction: column;
-}
\ No newline at end of file
+}
+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;
+        }
+    }
+}
+    
\ No newline at end of file
diff --git a/web/themes/custom/reha/scss/reha.scss b/web/themes/custom/reha/scss/reha.scss
index 1458f5a..362c977 100644
--- a/web/themes/custom/reha/scss/reha.scss
+++ b/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";