From d0d6bee3619825f0926a36259fffd2c8e165f0cf Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Tue, 12 Nov 2024 12:02:17 +0100
Subject: [PATCH] css font-sizes

---
 .../q2d_mod/assets/css/carte-interactive-qdd.css  |  1 +
 .../dist/assets/css/bundle.css                    | 15 +++++++++++++++
 .../src/assets/scss/pages/lessites.scss           |  7 ++++++-
 .../src/assets/scss/pages/node-type-site.scss     |  3 +++
 4 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css b/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css
index 9132dc9..443b799 100644
--- a/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css
+++ b/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css
@@ -74,6 +74,7 @@
     content: url("../img/noun-arrow-to-right.svg");
     padding-right: 0.2rem;
     padding-left: 0.2rem;
+    padding-top: 1rem;
   }
   #popup-content {
     width: 300px;
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 3c314d6..2373b1a 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
@@ -3230,6 +3230,11 @@ body {
   font-size: 0.6rem;
   margin-top: 0;
 }
+@media (max-width: 550px) {
+  .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) .paragraph--type--site-parts .field_field_texte_site p {
+    font-size: 0.8rem;
+  }
+}
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama {
   display: flex !important;
   flex-direction: row !important;
@@ -3473,12 +3478,22 @@ main {
     width: 45%;
   }
 }
+@media (max-width: 550px) {
+  #lessites .content_container .view .views-row-wrapper .views-row {
+    font-size: 0.7rem;
+  }
+}
 #lessites .content_container .view .views-row-wrapper .views-row .views-field-title .field-content a {
   color: rgb(7, 50, 194);
   font-family: "gilroy-bold";
   padding-top: 0.5rem;
   font-size: 0.55rem;
 }
+@media (max-width: 550px) {
+  #lessites .content_container .view .views-row-wrapper .views-row .views-field-title .field-content a {
+    font-size: 0.7rem;
+  }
+}
 #lessites .content_container .view .views-row-wrapper .views-row .views-field-field-images .field-content img {
   width: 100%;
   height: auto;
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 24080c9..533e8bd 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
@@ -95,12 +95,17 @@ main{
                     @media(max-width: 810px){
                         width: 45%;
                     }
+                    @media(max-width: 550px){
+                        font-size: 0.7rem ;
+                    }
                     .views-field-title .field-content a{
                         color: $blue_QDD;
                         font-family: "gilroy-bold";
                         padding-top: 0.5rem;    
                         font-size: 0.55rem ;
-
+                        @media(max-width: 550px){
+                            font-size: 0.7rem ;
+                        }
                     }
                     .views-field-field-images .field-content img{
                         width: 100%;
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
index a97e011..4bff6eb 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
@@ -274,6 +274,9 @@
                                 font-family: 'gilroy-light';
                                 font-size: 0.6rem;
                                 margin-top: 0;
+                                @media(max-width: 550px){
+                                    font-size: 0.8rem;
+                                }
                             }
                             
                         }