From 819e78a0854c10b7e0f19107f922f017468d9d95 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Thu, 30 Nov 2023 16:01:04 +0100
Subject: [PATCH] css adjustements

---
 web/themes/custom/reha/css/reha.css           | 32 ++++++++++++++++---
 .../custom/reha/scss/global/_layout.scss      |  5 +++
 web/themes/custom/reha/scss/pages/_home.scss  | 13 +++++---
 .../reha/scss/pages/_mes-operations.scss      |  5 ++-
 .../scss/pages/_modifier-une-operation.scss   |  4 +++
 .../scss/pages/_proposer-une-operation.scss   |  9 +++++-
 .../custom/reha/scss/partials/_aside.scss     |  3 ++
 .../custom/reha/scss/partials/_header.scss    |  1 +
 8 files changed, 62 insertions(+), 10 deletions(-)

diff --git a/web/themes/custom/reha/css/reha.css b/web/themes/custom/reha/css/reha.css
index 2940885..f251744 100644
--- a/web/themes/custom/reha/css/reha.css
+++ b/web/themes/custom/reha/css/reha.css
@@ -159,6 +159,10 @@ aside {
   margin-top: 5rem;
   margin-left: 10%;
   margin-right: 1rem; }
+  @media (max-width: 891px) {
+    aside {
+      margin-left: 5%;
+      margin-top: 9rem; } }
 
 main {
   width: 100%;
@@ -458,7 +462,8 @@ header {
       padding-right: 0 !important; } }
   .bouton h2 {
     text-transform: lowercase;
-    display: inline-flex; }
+    display: inline-flex;
+    font-size: 1rem; }
 
 .titre {
   display: inline-flex;
@@ -620,6 +625,9 @@ input {
   font-weight: 800;
   padding: 1rem;
   width: 80%; }
+  @media (max-width: 891px) {
+    .layout-sidebar-first #block-reha-phase1 {
+      width: 100%; } }
   .layout-sidebar-first #block-reha-phase1 h2 {
     margin-top: 0;
     margin-bottom: 0;
@@ -695,7 +703,7 @@ input {
         font-size: 1.8rem; }
       .home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f .field--name-field-description {
         margin-top: 0;
-        font-size: 2rem;
+        font-size: 2.3rem !important;
         line-height: 2.2rem; }
         .home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f .field--name-field-description p {
           margin-top: 0.8rem; }
@@ -730,7 +738,7 @@ input {
         .home-page-layout-content .layout--onecol .block-region-content .block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d {
           width: 100%; } }
       .home-page-layout-content .layout--onecol .block-region-content .block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d .field--type-file {
-        width: 80%;
+        width: 100%;
         margin: 0; }
         @media (max-width: 891px) {
           .home-page-layout-content .layout--onecol .block-region-content .block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d .field--type-file {
@@ -751,7 +759,7 @@ input {
         .home-page-layout-content .layout--onecol .block-region-content .block-block-content259faa3e-f66e-4776-9f4e-9a3aa26e8252 {
           width: 100%; } }
       .home-page-layout-content .layout--onecol .block-region-content .block-block-content259faa3e-f66e-4776-9f4e-9a3aa26e8252 .field--type-file {
-        width: 80%;
+        width: 100%;
         margin: 0; }
         @media (max-width: 891px) {
           .home-page-layout-content .layout--onecol .block-region-content .block-block-content259faa3e-f66e-4776-9f4e-9a3aa26e8252 .field--type-file {
@@ -788,6 +796,11 @@ input {
 .user--register #edit-pass--description {
   display: none; }
 
+@media (max-width: 891px) {
+  .mes-operations {
+    width: 70%;
+    margin-left: 2rem; } }
+
 .mes-operations .views-row {
   width: 80%;
   padding-bottom: 1rem;
@@ -824,6 +837,10 @@ input {
 
 #block-reha-contenudelapageprincipale .node-operation-form {
   width: 45%; }
+  @media (max-width: 891px) {
+    #block-reha-contenudelapageprincipale .node-operation-form {
+      width: 70%;
+      margin-left: 2rem; } }
   #block-reha-contenudelapageprincipale .node-operation-form #edit-title-wrapper input {
     width: 100%; }
   #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper {
@@ -881,6 +898,9 @@ input {
     width: 100%;
     margin-right: 0;
     justify-content: space-between; }
+    @media (max-width: 891px) {
+      #block-reha-contenudelapageprincipale .node-operation-form #edit-field-adresse-0-address-container2 {
+        flex-direction: column; } }
     #block-reha-contenudelapageprincipale .node-operation-form #edit-field-adresse-0-address-container2 input {
       width: 100%; }
     #block-reha-contenudelapageprincipale .node-operation-form #edit-field-adresse-0-address-container2 .form-item {
@@ -931,6 +951,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 
 #block-reha-contenudelapageprincipale #node-operation-edit-form {
   width: 45%; }
+  @media (max-width: 891px) {
+    #block-reha-contenudelapageprincipale #node-operation-edit-form {
+      width: 70%;
+      margin-left: 2rem; } }
   #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-title-wrapper input {
     width: 100%; }
   #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper {
diff --git a/web/themes/custom/reha/scss/global/_layout.scss b/web/themes/custom/reha/scss/global/_layout.scss
index fffc2dd..7089104 100644
--- a/web/themes/custom/reha/scss/global/_layout.scss
+++ b/web/themes/custom/reha/scss/global/_layout.scss
@@ -39,12 +39,17 @@ $width-menu-slidedown : 550px;
     }
         
 }
+
 aside{
     width: 20%;
     order: 1;
     margin-top: 5rem;
     margin-left: 10%;
     margin-right: 1rem;
+    @media(max-width:891px){
+        margin-left: 5%;
+        margin-top: 9rem;
+    }
 }
 main{
     width: 100%;
diff --git a/web/themes/custom/reha/scss/pages/_home.scss b/web/themes/custom/reha/scss/pages/_home.scss
index c057bb6..6aa0416 100644
--- a/web/themes/custom/reha/scss/pages/_home.scss
+++ b/web/themes/custom/reha/scss/pages/_home.scss
@@ -48,7 +48,7 @@
             }
 
 
-            // grid-row: ;
+            // block Appel à candidature
             .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f{
                 grid-column: 1;
                 grid-row: 2 /span 2;
@@ -73,7 +73,7 @@
                 }
                 .field--name-field-description{
                     margin-top: 0;
-                    font-size: 2rem;
+                    font-size: 2.3rem !important;
                     line-height: 2.2rem;
                     p{
                         margin-top: 0.8rem;
@@ -109,6 +109,9 @@
                 }    
             }
     
+
+
+            /// block télécharger le cahier des charges
             .block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d{
                 margin-bottom: 1rem;
                 grid-column: 2;
@@ -125,7 +128,7 @@
                     width: 100%;
                 }
                 .field--type-file{
-                    width: 80%;
+                    width: 100%;
                     margin: 0;
                     @media(max-width: 891px){
                         width: 100%;
@@ -135,6 +138,8 @@
                     background-color: $yellow-puca;
                 }
             }
+
+            /// block télécharger la fiche candidature
             .block-block-content259faa3e-f66e-4776-9f4e-9a3aa26e8252{
                 grid-column: 2;
                 grid-row: 3;
@@ -149,7 +154,7 @@
                     width: 100%;
                 }
                 .field--type-file{
-                    width: 80%;
+                    width: 100%;
                     margin: 0;
                     @media(max-width: 891px){
                         width: 100%;
diff --git a/web/themes/custom/reha/scss/pages/_mes-operations.scss b/web/themes/custom/reha/scss/pages/_mes-operations.scss
index e2ec043..c9c2178 100644
--- a/web/themes/custom/reha/scss/pages/_mes-operations.scss
+++ b/web/themes/custom/reha/scss/pages/_mes-operations.scss
@@ -8,7 +8,10 @@
 
 
 .mes-operations{
-
+    @media(max-width:891px){
+        width: 70%;
+        margin-left: 2rem;
+    }
     .views-row{
         width: 80%;
         padding-bottom: 1rem;
diff --git a/web/themes/custom/reha/scss/pages/_modifier-une-operation.scss b/web/themes/custom/reha/scss/pages/_modifier-une-operation.scss
index 03c519a..ea504cc 100644
--- a/web/themes/custom/reha/scss/pages/_modifier-une-operation.scss
+++ b/web/themes/custom/reha/scss/pages/_modifier-une-operation.scss
@@ -112,6 +112,10 @@
 
 #node-operation-edit-form{
     width: 45%;
+    @media(max-width:891px){
+        width: 70%;
+        margin-left: 2rem;
+    }
 
     #edit-title-wrapper{
         input{
diff --git a/web/themes/custom/reha/scss/pages/_proposer-une-operation.scss b/web/themes/custom/reha/scss/pages/_proposer-une-operation.scss
index eb8b900..d325315 100644
--- a/web/themes/custom/reha/scss/pages/_proposer-une-operation.scss
+++ b/web/themes/custom/reha/scss/pages/_proposer-une-operation.scss
@@ -2,11 +2,15 @@
 #block-reha-contenudelapageprincipale{
     .node-operation-form{
         width: 45%;
-    
+        @media(max-width:891px){
+            width: 70%;
+            margin-left: 2rem;
+        }
         #edit-title-wrapper{
             input{
                 width: 100%;
             }
+           
         }
         #edit-field-fiche-candidature-wrapper{
             background-color: rgba(153, 147, 174, 0) !important;
@@ -93,6 +97,9 @@
             width: 100%;
             margin-right: 0;
             justify-content:space-between;
+            @media(max-width:891px){
+                flex-direction: column;
+            }
             input{
                 width: 100%;
             }
diff --git a/web/themes/custom/reha/scss/partials/_aside.scss b/web/themes/custom/reha/scss/partials/_aside.scss
index e9d74e4..51cd79b 100644
--- a/web/themes/custom/reha/scss/partials/_aside.scss
+++ b/web/themes/custom/reha/scss/partials/_aside.scss
@@ -5,6 +5,9 @@
         font-weight: 800;
         padding: 1rem;
         width: 80%;
+        @media(max-width:891px){
+            width: 100%;
+        }
         h2{
             margin-top: 0;
             margin-bottom: 0;
diff --git a/web/themes/custom/reha/scss/partials/_header.scss b/web/themes/custom/reha/scss/partials/_header.scss
index 2269c0d..2424afe 100644
--- a/web/themes/custom/reha/scss/partials/_header.scss
+++ b/web/themes/custom/reha/scss/partials/_header.scss
@@ -356,6 +356,7 @@ header{
         h2{
             text-transform: lowercase;
             display: inline-flex;
+            font-size: 1rem;
         }
     }