css login form

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

@@ -2,7 +2,7 @@
 /*reha*/
 /*global*/
 /* Colors used for REHA */
-.field--type-link, .field--type-file, .links, .create-account-link, .request-password-link, .views-field-edit-node, .views-field-edit-user, .layout-sidebar-first #block-reha-phase1 footer {
+.field--type-link, .field--type-file, .links, .create-account-link, .request-password-link, .views-field-edit-node, .views-field-edit-user, .form-submit, .layout-sidebar-first #block-reha-phase1 footer {
   text-transform: uppercase;
   padding: 1rem;
   border: solid black 1px;
@@ -17,14 +17,13 @@
   border: none !important;
   cursor: pointer; }
 
-.create-account-link {
-  width: 80%; }
-
 .views-field-edit-node {
-  width: fit-content; }
+  width: fit-content;
+  margin-top: 1rem; }
 
 .views-field-edit-user {
-  width: fit-content; }
+  width: fit-content;
+  margin-top: 1rem; }
 
 #edit-unlock {
   display: none; }
@@ -234,16 +233,23 @@ header {
               position: relative;
               left: 430px; }
           header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form {
-            width: 70%;
+            width: 80%;
             display: flex;
             flex-direction: column;
-            align-items: end; }
+            align-items: start;
+            padding-left: 2.5rem; }
           header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul {
             width: 70%;
             display: flex;
             flex-direction: column; }
             header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul li {
               margin-bottom: 3rem; }
+          header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a {
+            text-transform: uppercase;
+            padding: 1rem;
+            border: solid black 1px;
+            margin-bottom: 1rem;
+            background-color: white; }
     header .region-header #block-reha-config-pages {
       grid-column: 10;
       display: flex;
@@ -307,9 +313,14 @@ header {
           header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul {
             width: 70%;
             display: flex;
-            flex-direction: column; }
+            flex-direction: column;
+            padding-left: 0; }
             header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul li {
-              margin-bottom: 3rem; }
+              text-transform: uppercase;
+              padding: 1rem;
+              border: solid black 1px;
+              margin-bottom: 1rem;
+              background-color: white; }
   header .bouton {
     align-self: flex-end;
     width: fit-content; }
@@ -383,21 +394,22 @@ input {
   width: 50%; }
 
 .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-size: 1.2rem;
   font-weight: 300;
   width: fit-content; }
 
-#user-login-form .form-item {
-  flex-direction: row;
-  margin: 1rem; }
-  #user-login-form .form-item label {
-    padding-right: 0.5rem; }
+#user-login-form {
+  padding-left: 2rem; }
+  #user-login-form .form-item {
+    flex-direction: row;
+    padding-bottom: 1rem;
+    padding-left: 0.2;
+    width: 80%; }
+    #user-login-form .form-item label {
+      padding-right: 0.5rem;
+      flex: 1 1 auto; }
 
 .layout-sidebar-first #block-reha-phase1 {
   border: solid #fdc300 1px;
@@ -507,6 +519,9 @@ input {
 .node-type-operation .views-field-edit-node {
   background-color: rgba(153, 147, 174, 0) !important; }
 
+html.js body div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block div.views-element-container div.js-view-dom-id-586565a78462afa14f00a79092967e0998bcad1d346481ed34544a2c80124f64 footer {
+  background-color: rgba(153, 147, 174, 0) !important; }
+
 #block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper {
   width: fit-content; }
 

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

@@ -32,7 +32,7 @@
 
 .create-account-link{
     @extend %buttonwithborder;
-    width: 80%
+    // width: 80%
 }
 .request-password-link{
     @extend %buttonwithborder;
@@ -40,11 +40,14 @@
 .views-field-edit-node{
     @extend %buttonwithborder;
     width: fit-content;
+    margin-top: 1rem;
+
 }
 
 .views-field-edit-user{
     @extend %buttonwithborder;
     width: fit-content;
+    margin-top: 1rem;
 }
 footer{
 

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

@@ -10,23 +10,30 @@ input{
     width: 50%;
 }
 .form-submit{
-    background-color: white;
-    border: solid black 1px;
-    text-transform: uppercase;
-    padding: 1rem;
+    // background-color: white;
+    // border: solid black 1px;
+    // text-transform: uppercase;
+    // padding: 1rem;
     height: 5rem !important;
     margin-bottom: 1rem;
-    font-size: 1.3rem;
+    font-size: 1.2rem;
     font-weight: 300;
     width: fit-content;
+    @extend %buttonwithborder;
+
 }
 
 #user-login-form{
+    padding-left: 2rem;
     .form-item{
         flex-direction: row;
-        margin: 1rem;
+        padding-bottom: 1rem;
+        padding-left: 0.2;
+        width: 80%;
+        
         label{
             padding-right: 0.5rem;
+            flex: 1 1 auto;
         }
     }
 }

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

@@ -78,10 +78,11 @@ header{
                         }
                     }
                     #user-login-form{
-                        width: 70%;
+                        width: 80%;
                         display: flex;
                         flex-direction: column;
-                        align-items: end;
+                        align-items: start;
+                        padding-left: 2.5rem;
                     }
                     ul{
                         width: 70%;
@@ -90,6 +91,17 @@ header{
                         li{
                             margin-bottom: 3rem;
                         }
+
+                    }
+                    ul:last-of-type{
+                        a{
+                            text-transform: uppercase;
+                            padding: 1rem;
+                            border: solid black 1px;
+                            margin-bottom: 1rem;
+                            background-color: $white-button;
+    
+                        }
                     }
                 }
             }
@@ -171,8 +183,14 @@ header{
                         width: 70%;
                         display: flex;
                         flex-direction: column;
+                        padding-left: 0;
                         li{
-                            margin-bottom: 3rem;
+                            // margin-bottom: 3rem;
+                            text-transform: uppercase;
+                            padding: 1rem;
+                            border: solid black 1px;
+                            margin-bottom: 1rem;
+                            background-color: $white-button;
                         }
                     }
                 }