From c57031eef845305ae0c67cf0026335e44d2d7846 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Fri, 29 May 2026 14:54:46 +0200
Subject: [PATCH] alignement titre + grille /ressources

---
 web/themes/custom/eql/dist/assets/css/bundle.css  | 11 +++++++----
 web/themes/custom/eql/scss/pages/_ressource.scss  |  5 ++++-
 web/themes/custom/eql/scss/pages/_ressources.scss |  6 +++---
 3 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css
index 9291c78..6024ace 100644
--- a/web/themes/custom/eql/dist/assets/css/bundle.css
+++ b/web/themes/custom/eql/dist/assets/css/bundle.css
@@ -3053,6 +3053,7 @@ svg.ext {
   color: rgb(255, 255, 255);
   font-weight: 800;
   vertical-align: middle;
+  width: max-content;
 }
 @media (max-width: 810px) {
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs {
@@ -3187,7 +3188,7 @@ svg.ext {
 .page-node-type-ressource .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf {
   height: inherit;
   margin: auto;
-  width: fit-content;
+  width: 100%;
 }
 .page-node-type-ressource .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf ::before {
   content: url("../images/pictos/download.png");
@@ -3202,6 +3203,7 @@ svg.ext {
   align-items: center;
   color: rgb(0, 158, 227);
   font-weight: 800;
+  max-width: 100%;
 }
 .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-liens {
   order: 3;
@@ -3329,6 +3331,7 @@ svg.ext {
   margin-right: 0.5rem;
   padding-right: 0.3rem;
   font-size: 0.8rem;
+  width: max-content;
 }
 .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource div .field--name-field-mots-clefs .field__item a {
   background: rgb(9, 57, 139);
@@ -6073,7 +6076,7 @@ svg.ext {
   text-align: center;
   margin-bottom: 1rem;
   width: fit-content;
-  margin-left: 28%;
+  margin-left: 26%;
 }
 @media (max-width: 810px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale h2 {
@@ -6095,7 +6098,7 @@ svg.ext {
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block {
   width: 60%;
   margin: auto;
-  margin-left: 28%;
+  margin-left: 26%;
 }
 @media (max-width: 810px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block {
@@ -6436,7 +6439,7 @@ svg.ext {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  padding-left: 28%;
+  padding-left: 26%;
 }
 @media (max-width: 810px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content {
diff --git a/web/themes/custom/eql/scss/pages/_ressource.scss b/web/themes/custom/eql/scss/pages/_ressource.scss
index 33a2346..b92023d 100644
--- a/web/themes/custom/eql/scss/pages/_ressource.scss
+++ b/web/themes/custom/eql/scss/pages/_ressource.scss
@@ -184,6 +184,7 @@
                             color: $white;
                             font-weight: 800;
                             vertical-align: middle;
+                            width: max-content;
                         }
                     }
                     @media (max-width: 810px){
@@ -326,7 +327,7 @@
                     .file--mime-application-pdf{    
                         height: inherit;      
                         margin: auto;  
-                        width: fit-content;
+                        width: 100%;
                         ::before{
                             content: url("../images/pictos/download.png");
                             min-width:30px;
@@ -341,6 +342,7 @@
                             color: $blue-light;
                             font-weight: 800;
                             // max-width: 80px ;
+                            max-width: 100%;
                         }
                     }
             
@@ -481,6 +483,7 @@
                                         margin-right: 0.5rem;
                                         padding-right: 0.3rem;
                                         font-size: 0.8rem;
+                                        width: max-content;
                                     
                                         a{
                                             background: $blue-dark;
diff --git a/web/themes/custom/eql/scss/pages/_ressources.scss b/web/themes/custom/eql/scss/pages/_ressources.scss
index 02f372e..7bc26a2 100644
--- a/web/themes/custom/eql/scss/pages/_ressources.scss
+++ b/web/themes/custom/eql/scss/pages/_ressources.scss
@@ -21,7 +21,7 @@
                     text-align: center;
                     margin-bottom: 1rem;
                     width: fit-content;
-                    margin-left: 28%;
+                    margin-left: 26%;
                     
                     @media (max-width:810px) {
                      margin-left: 2rem;
@@ -45,7 +45,7 @@
                            .block-config-pages-block{
                             width: 60%;
                             margin: auto;
-                            margin-left: 28%;
+                            margin-left: 26%;
                             @media (max-width:810px) {
                                 margin-left: 2rem;
                                 width: 85%;
@@ -444,7 +444,7 @@
                                         flex-direction: row;
                                         flex-wrap: wrap;
                                         // width: 80%;
-                                        padding-left: 28%;
+                                        padding-left: 26%;
                                         // overflow-x: hidden;
                                         @media (max-width: 810px) {
                                            padding-left: 0;