css form connexion

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, .form-submit, .layout-sidebar-first #block-reha-phase1 footer {
+.field--type-link, .field--type-file, .links, .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;
@@ -245,9 +245,16 @@ header {
             font-size: 1.2rem;
             width: 70%;
             display: flex;
-            flex-direction: column; }
-            header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul li {
-              margin-bottom: 3rem; }
+            flex-direction: column;
+            margin-top: 0;
+            margin-bottom: 4rem;
+            padding-bottom: 4rem; }
+            header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .create-account-link {
+              display: none; }
+            header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .request-password-link {
+              margin-bottom: 4rem; }
+          header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:first-of-type {
+            border-bottom: 1px solid black; }
           header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a {
             text-transform: uppercase;
             padding: 1rem;
@@ -334,8 +341,8 @@ header {
   header .titre {
     display: inline-flex;
     font-weight: 800;
-    position: relative;
-    margin-top: 2rem; }
+    font-size: 1.8rem;
+    position: relative; }
     header .titre ::after {
       content: url(../images/noun-cross-1151731.svg);
       float: right;
@@ -398,7 +405,7 @@ input {
   width: 50%; }
 
 .form-submit {
-  height: 5rem !important;
+  height: 4rem !important;
   margin-bottom: 1rem;
   font-size: 1.2rem;
   font-weight: 300;
@@ -415,6 +422,9 @@ input {
       padding-right: 0.5rem;
       flex: 1 1 auto; }
 
+#edit-persistent-login {
+  height: 1.5rem; }
+
 .layout-sidebar-first #block-reha-phase1 {
   border: solid #fdc300 1px;
   font-weight: 800;

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

@@ -30,13 +30,8 @@
     @extend %buttonwithborder;
 }
 
-.create-account-link{
-    @extend %buttonwithborder;
-    // width: 80%
-}
-.request-password-link{
-    @extend %buttonwithborder;
-}
+
+
 .views-field-edit-node{
     @extend %buttonwithborder;
     width: fit-content;

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

@@ -14,7 +14,7 @@ input{
     // border: solid black 1px;
     // text-transform: uppercase;
     // padding: 1rem;
-    height: 5rem !important;
+    height: 4rem !important;
     margin-bottom: 1rem;
     font-size: 1.2rem;
     font-weight: 300;
@@ -38,3 +38,6 @@ input{
     }
 }
     
+#edit-persistent-login{
+    height: 1.5rem;
+}

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

@@ -87,15 +87,27 @@ header{
                     }
                     ul{
                         font-size: 1.2rem;
-
                         width: 70%;
                         display: flex;
                         flex-direction: column;
+                        margin-top: 0;
+                        margin-bottom: 4rem;
+                        padding-bottom: 4rem;
+                        
                         li{
-                            margin-bottom: 3rem;
+                            // margin-bottom: 3rem;
+                        }
+                        .create-account-link{
+                            display: none;
+                        }
+                        .request-password-link{
+                            margin-bottom: 4rem;
                         }
 
                     }
+                    ul:first-of-type{
+                        border-bottom: 1px solid black;
+                    }
                     ul:last-of-type{
                         a{
                             text-transform: uppercase;
@@ -106,6 +118,8 @@ header{
     
                         }
                     }
+                    
+                    
                 }
             }
 
@@ -213,8 +227,9 @@ header{
     .titre{
         display: inline-flex;
         font-weight: 800;
+        font-size: 1.8rem;
         position: relative;
-        margin-top: 2rem;
+        // margin-top: 2rem;
         ::after{
             content: url(../images/noun-cross-1151731.svg);
             float: right;