From 21b2429affd68917bee793a16de8c0499d1ff7cf Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Tue, 14 Oct 2025 21:33:53 +0200
Subject: [PATCH] responsive /les-sites-pilotes

---
 web/themes/custom/reha/dist/css/bundle.css    | 32 ++++++++++++++++++-
 .../reha/scss/pages/_les-sites-pilotes.scss   | 23 ++++++++++++-
 2 files changed, 53 insertions(+), 2 deletions(-)

diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css
index d47e9d5..1e38ef9 100644
--- a/web/themes/custom/reha/dist/css/bundle.css
+++ b/web/themes/custom/reha/dist/css/bundle.css
@@ -2541,6 +2541,12 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   line-height: 1;
   padding-bottom: 0.8rem;
 }
+@media (max-width: 810px) {
+  .page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site h2 {
+    font-size: 1.2rem;
+    padding-bottom: 0.6rem;
+  }
+}
 .page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row {
   order: 1;
   display: flex;
@@ -2585,6 +2591,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   order: 4;
   font-size: 1rem;
 }
+@media (max-width: 810px) {
+  .page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte {
+    font-size: 0.9rem;
+  }
+}
 .page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items {
   display: flex;
   flex-direction: row;
@@ -2614,6 +2625,16 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   content: url("../../dist/images/noun-arrow-1569918-black.svg");
   padding-left: 0.5rem;
 }
+@media (max-width: 810px) {
+  .page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site ul.links {
+    padding-top: 1rem;
+  }
+}
+@media (max-width: 810px) {
+  .page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site ul.links li {
+    font-size: 0.9rem;
+  }
+}
 .page-sitespilotes .view-display-id-page_1 footer {
   background-color: transparent;
   text-transform: none !important;
@@ -2657,7 +2678,6 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   flex-direction: column;
   padding-left: 1rem;
   padding-right: 1rem;
-  padding-right: 1rem;
 }
 .page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 {
   order: 2;
@@ -2694,6 +2714,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding-left: 1rem;
   padding-right: 1rem;
 }
+@media (max-width: 810px) {
+  .page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site {
+    flex-direction: row;
+  }
+}
 .page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site {
   order: 3;
 }
@@ -2731,6 +2756,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding-top: 0.9rem;
   display: inline-flex;
 }
+@media (max-width: 810px) {
+  .page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links {
+    padding-top: 1rem !important;
+  }
+}
 .page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links::after {
   content: url("../../dist/images/noun-arrow-1569918-black.svg");
   padding-left: 0.5rem;
diff --git a/web/themes/custom/reha/scss/pages/_les-sites-pilotes.scss b/web/themes/custom/reha/scss/pages/_les-sites-pilotes.scss
index dbeb338..4bac52f 100644
--- a/web/themes/custom/reha/scss/pages/_les-sites-pilotes.scss
+++ b/web/themes/custom/reha/scss/pages/_les-sites-pilotes.scss
@@ -71,6 +71,10 @@
                             font-weight: 900;
                             line-height: 1;
                             padding-bottom: 0.8rem;
+                            @media(max-width: 810px){
+                                font-size: 1.2rem;
+                                padding-bottom: 0.6rem;
+                            }
                         }
                         .first-row{
                             order: 1;
@@ -116,6 +120,9 @@
                         .field--name-field-architecte{
                             order: 4;
                             font-size: 1rem;
+                            @media(max-width: 810px){
+                                font-size: 0.9rem;
+                            }
                             .field__items{
                                 display: flex;
                                 flex-direction: row;
@@ -145,6 +152,14 @@
                                 content:url("../../dist/images/noun-arrow-1569918-black.svg");
                                 padding-left: 0.5rem;
                             }
+                            @media(max-width: 810px){
+                                padding-top: 1rem;
+                            }
+                            li{
+                                @media(max-width: 810px){
+                                    font-size: 0.9rem;
+                                }
+                            }
                         }
                     }
                 }
@@ -190,7 +205,6 @@
                             flex-direction: column;
                             padding-left: 1rem;
                             padding-right: 1rem;;
-                            padding-right: 1rem;
                             h2{
                                 order: 2;
                                 margin: 0;
@@ -226,6 +240,9 @@
                                         padding-left: 1rem;
                                         padding-right: 1rem;
                                     }
+                                    @media(max-width:810px){
+                                        flex-direction: row;
+                                    }
                                 }
                                 .field--name-field-adresse-site{
                                     order: 3;
@@ -266,10 +283,14 @@
                                 padding-bottom: 2rem;
                                 padding-top: 0.9rem;
                                 display: inline-flex;
+                                @media(max-width:810px){
+                                    padding-top: 1rem !important;
+                                }
                                 &::after{
                                     content:url("../../dist/images/noun-arrow-1569918-black.svg");
                                     padding-left: 0.5rem;
                                 }
+                                
             
                             }