From d516369a78cbd8808453a716ceaea70491ce735e Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Tue, 5 Nov 2024 21:20:44 +0100
Subject: [PATCH] lessites mobile

---
 .../quartiers_de_demain/dist/assets/css/bundle.css     | 10 ++++++++++
 .../src/assets/scss/pages/lessites.scss                |  9 +++++++++
 2 files changed, 19 insertions(+)

diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index eb098ff..9c3c750 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -3234,6 +3234,11 @@ main {
 #lessites .content_container .view .header_view #block-sitesmap-block {
   margin: auto;
 }
+@media (max-width: 810px) {
+  #lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container {
+    height: 300px;
+  }
+}
 #lessites .content_container .view .views-row-wrapper {
   display: flex;
   flex-direction: row;
@@ -3246,6 +3251,11 @@ main {
   width: 18%;
   margin-bottom: 2rem;
 }
+@media (max-width: 810px) {
+  #lessites .content_container .view .views-row-wrapper .views-row {
+    width: 45%;
+  }
+}
 #lessites .content_container .view .views-row-wrapper .views-row .views-field-title .field-content a {
   color: rgb(7, 50, 194);
   font-family: "gilroy-bold";
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lessites.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lessites.scss
index 3494eef..19bfea9 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lessites.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lessites.scss
@@ -39,6 +39,12 @@ main{
                 
                 #block-sitesmap-block{
                     margin: auto;
+
+                    #sites-map-container{
+                        @media(max-width: 810px){
+                            height: 300px;
+                        }
+                    }
                 }
                
             }
@@ -53,6 +59,9 @@ main{
                 .views-row{
                     width: 18%;
                     margin-bottom: 2rem;
+                    @media(max-width: 810px){
+                        width: 45%;
+                    }
                     .views-field-title .field-content a{
                         color: $blue_QDD;
                         font-family: "gilroy-bold";