css ajustement home

web/themes/custom/reha/scss/pages/_home.scss

@@ -1,9 +1,9 @@
 
 .home-page-layout-content{
     .layout--onecol{
-        // width: 70%;
+        width: 90%;
         margin: auto;
-        font-size: 1.5rem;
+        font-size: 1.3rem;
         font-weight: 400;
         font-style: normal;
         h4{
@@ -27,19 +27,21 @@
             .block-views-blockhome-block-1{
                 grid-column: 1 /span 2;
                 grid-row: 1;
+                margin-bottom: 2rem;
             }
 
 
             // grid-row: ;
             .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f{
-
                 grid-column: 1;
                 grid-row: 2 /span 2;
-                width: 90%;
+                width: 85%;
                 border: solid $yellow-puca 1px;
                 background-color: $white-button;
                 font-weight: 800;
-                padding: 1rem;
+                padding: 2rem;
+                margin-right: 1rem;
+
                 h2{
                     margin-top: 0;
                     margin-bottom: 0;
@@ -63,8 +65,8 @@
                     margin: 0;
                     border: none;
                     font-weight: 400;
+                    background-color: inherit;
                     .field__item {
-
                         ::after{
                             justify-self: unset;
                             padding-left: 1rem;
@@ -72,6 +74,19 @@
                         }
                     }
                 }
+                
+            }
+            .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f:hover{
+                background-color: $yellow-puca;
+                .field--type-link{
+                    .field__item {
+                        ::after{
+                            justify-self: unset;
+                            padding-left: 1rem;
+                            content: url(../images/noun-arrow-1569918_hover.svg);
+                        }
+                    }
+                }    
             }
     
             .block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d{
@@ -79,9 +94,10 @@
                 grid-column: 2;
                 grid-row: 2;
                 width: 90%;
-                height: fit-content;
+                // height: fit-content;
                 display: flex;
                 justify-content: flex-end;  
+                align-items: center;
                 .field--type-file{
                     width: 100%;
                     margin: 0;
@@ -94,8 +110,10 @@
                 grid-column: 2;
                 grid-row: 3;
                 width: 90%;
+                // height: fit-content;
                 display: flex;
-                justify-content: flex-end;   
+                justify-content: flex-end;  
+                align-items: center; 
                 .field--type-file{
                     width: 100%;
                     margin: 0;
@@ -107,6 +125,7 @@
             .block-views-blockhome-block-2{
                 grid-column: 1 /span 2;
                 grid-row: 4;
+                margin-top: 2rem;
             }
         }
     }

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

@@ -78,6 +78,7 @@ header{
                         }
                     }
                     #user-login-form{
+
                         width: 80%;
                         display: flex;
                         flex-direction: column;
@@ -85,6 +86,8 @@ header{
                         padding-left: 2.5rem;
                     }
                     ul{
+                        font-size: 1.2rem;
+
                         width: 70%;
                         display: flex;
                         flex-direction: column;