From 79d28366db458a34a5c10ccca3223840341f394a Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Wed, 30 Oct 2024 00:26:28 +0100
Subject: [PATCH] /lessites

---
 .../dist/assets/css/bundle.css                | 28 ++++------
 .../src/assets/scss/pages/lessites.scss       | 53 +++++++++----------
 2 files changed, 36 insertions(+), 45 deletions(-)

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 ccd1e47..93c9824 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
@@ -3208,36 +3208,30 @@ main {
 }
 #lessites .content_container .view {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 100vw;
 }
 #lessites .content_container .view .header_view {
   position: relative !important;
   height: fit-content;
-  z-index: none;
-}
-#lessites .content_container .view .header_view .view {
+  z-index: 0;
   width: 100vw;
+  margin-bottom: 2rem;
 }
-#lessites .content_container .view div:has(.views-row) {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: 10px;
-  width: 80%;
-  margin: auto;
-  justify-content: space-between;
-  padding-top: 3rem;
-  font-size: 0.6rem;
+#lessites .content_container .view .header_view #leaflet-map-view-sites-embed-1 {
+  width: inherit;
 }
-#lessites .content_container .view div:has(.views-row) .views-row {
+#lessites .content_container .view .views-row {
   width: 20%;
+  margin-bottom: 2rem;
 }
-#lessites .content_container .view div:has(.views-row) .views-row .views-field-title .field-content a {
+#lessites .content_container .view .views-row .views-field-title .field-content a {
   color: rgb(7, 50, 194);
   font-family: "gilroy-bold";
   padding-top: 0.5rem;
 }
-#lessites .content_container .view div:has(.views-row) .views-row .views-field-field-images .field-content img {
+#lessites .content_container .view .views-row .views-field-field-images .field-content img {
   width: 200px;
   height: 200px;
   object-fit: cover;
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 00da5fd..7e4a7cd 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
@@ -25,40 +25,37 @@ main{
 
         .view{
             display: flex;
-            flex-direction: column;
+            flex-direction: row;
+            flex-wrap: wrap;
+            width: 100vw;
 
             .header_view {
                 position: relative !important;
                 height: fit-content;
-                z-index: none;
-                .view{
-                    width: 100vw;
-                }
-            }
-            div:has(.views-row){
-                display: flex;
-                flex-direction: row;
-                flex-wrap: wrap;
-                gap: 10px;
-                width: 80%;
-                margin: auto;
-                justify-content: space-between;
-                padding-top: 3rem;
-                font-size: 0.6rem;
-                .views-row{
-                    width: 20%;
-                    .views-field-title .field-content a{
-                        color: $blue_QDD;
-                        font-family: "gilroy-bold";
-                        padding-top: 0.5rem;    
-                    }
-                    .views-field-field-images .field-content img{
-                        width: 200px;
-                        height: 200px;
-                        object-fit: cover;
-                    }
+                z-index: 0;
+                width: 100vw;
+                margin-bottom: 2rem;
+                #leaflet-map-view-sites-embed-1{
+                    width:inherit;
+                }
+               
+            }
+
+            .views-row{
+                width: 20%;
+                margin-bottom: 2rem;
+                .views-field-title .field-content a{
+                    color: $blue_QDD;
+                    font-family: "gilroy-bold";
+                    padding-top: 0.5rem;    
+                }
+                .views-field-field-images .field-content img{
+                    width: 200px;
+                    height: 200px;
+                    object-fit: cover;
                 }
             }
+
         }
     }
 }