css ajustement home

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

@@ -239,6 +239,7 @@ header {
             align-items: start;
             padding-left: 2.5rem; }
           header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul {
+            font-size: 1.2rem;
             width: 70%;
             display: flex;
             flex-direction: column; }
@@ -432,8 +433,9 @@ input {
 
 /*pages*/
 .home-page-layout-content .layout--onecol {
+  width: 90%;
   margin: auto;
-  font-size: 1.5rem;
+  font-size: 1.3rem;
   font-weight: 400;
   font-style: normal; }
   .home-page-layout-content .layout--onecol h4 {
@@ -450,15 +452,17 @@ input {
     grid-column: repeat(2, 1fr); }
     .home-page-layout-content .layout--onecol .block-region-content .block-views-blockhome-block-1 {
       grid-column: 1 /span 2;
-      grid-row: 1; }
+      grid-row: 1;
+      margin-bottom: 2rem; }
     .home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f {
       grid-column: 1;
       grid-row: 2 /span 2;
-      width: 90%;
+      width: 85%;
       border: solid #fdc300 1px;
       background-color: white;
       font-weight: 800;
-      padding: 1rem; }
+      padding: 2rem;
+      margin-right: 1rem; }
       .home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f h2 {
         margin-top: 0;
         margin-bottom: 0;
@@ -476,19 +480,26 @@ input {
         padding: 0;
         margin: 0;
         border: none;
-        font-weight: 400; }
+        font-weight: 400;
+        background-color: inherit; }
         .home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f .field--type-link .field__item ::after {
           justify-self: unset;
           padding-left: 1rem;
           content: url(../images/noun-arrow-1569918.svg); }
+    .home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f:hover {
+      background-color: #fdc300; }
+      .home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f:hover .field--type-link .field__item ::after {
+        justify-self: unset;
+        padding-left: 1rem;
+        content: url(../images/noun-arrow-1569918_hover.svg); }
     .home-page-layout-content .layout--onecol .block-region-content .block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d {
       margin-bottom: 1rem;
       grid-column: 2;
       grid-row: 2;
       width: 90%;
-      height: fit-content;
       display: flex;
-      justify-content: flex-end; }
+      justify-content: flex-end;
+      align-items: center; }
       .home-page-layout-content .layout--onecol .block-region-content .block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d .field--type-file {
         width: 100%;
         margin: 0; }
@@ -499,7 +510,8 @@ input {
       grid-row: 3;
       width: 90%;
       display: flex;
-      justify-content: flex-end; }
+      justify-content: flex-end;
+      align-items: center; }
       .home-page-layout-content .layout--onecol .block-region-content .block-block-content259faa3e-f66e-4776-9f4e-9a3aa26e8252 .field--type-file {
         width: 100%;
         margin: 0; }
@@ -507,7 +519,8 @@ input {
         background-color: #fdc300; }
     .home-page-layout-content .layout--onecol .block-region-content .block-views-blockhome-block-2 {
       grid-column: 1 /span 2;
-      grid-row: 4; }
+      grid-row: 4;
+      margin-top: 2rem; }
 
 .user--register h1 {
   font-size: 3rem !important;

web/themes/custom/reha/images/noun-arrow-1569918_hover.svg

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 60.166816 38.10535"
+   id="svg10"
+   sodipodi:docname="noun-arrow-1569918.svg"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   width="45"
+   height="24.10535"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     id="namedview12"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.741103"
+     inkscape:cx="15.552654"
+     inkscape:cy="15.809298"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="276"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg10">
+    <inkscape:page
+       x="0"
+       y="0"
+       width="60.166817"
+       height="38.10535"
+       id="page1"
+       margin="0 6.0311446 0 0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <g
+     transform="translate(-19.52231,-983.19166)"
+     id="g4">
+    <path
+       style="color:white;text-indent:0;text-transform:none;direction:ltr;baseline-shift:baseline;enable-background:accumulate"
+       d="m 79.9999,1002.3622 c 0,-0.4628 -0.2799,-1.0773 -0.56389,-1.3755 l -15.9997,-17.00032 c -0.747,-0.7723 -1.9572,-0.8618 -2.8281,-0.078 -0.7786,0.7007 -0.798,2.0673 -0.078,2.8282 l 12.8435,13.62522 H 22.0001 c -1.1046,0 -2,0.8954 -2,2 0,1.1046 0.8954,2.0001 2,2.0001 h 51.37361 l -12.8435,13.6252 c -0.7199,0.7608 -0.6688,2.0938 0.078,2.8281 0.7885,0.7752 2.0925,0.7062 2.8281,-0.078 l 15.9997,-17.0002 c 0.4701,-0.4611 0.556,-0.9052 0.56389,-1.3748 z"
+       fill="white"
+       fill-opacity="1"
+       stroke="none"
+       marker="none"
+       visibility="visible"
+       display="inline"
+       overflow="visible"
+       id="path2" />
+  </g>
+</svg>

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;