From c7b43b6f09ad17663bab96a2a2b88d617fb51703 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Mon, 31 Mar 2025 11:58:37 +0200
Subject: [PATCH] page actualite css

---
 .../dist/assets/css/bundle.css                |  8 ++++-
 .../scss/pages/node-type-actualite.scss       | 33 ++++++++++++-------
 2 files changed, 29 insertions(+), 12 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 1980d3c..293028e 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
@@ -3410,6 +3410,10 @@ body {
   padding: 1rem 0rem;
   margin-bottom: 1rem;
 }
+#page-node .content_container .node-type-actualite .infos-actu .field_field_type_d_actualite {
+  display: flex;
+  align-items: center;
+}
 #page-node .content_container .node-type-actualite .infos-actu .field_field_type_d_actualite a {
   text-transform: uppercase;
   color: red;
@@ -3427,8 +3431,8 @@ body {
   color: red;
   display: flex;
   flex-direction: row;
+  flex-basis: 25%;
   margin-left: 1rem;
-  padding-right: 1rem;
   justify-content: space-between;
   align-items: center;
 }
@@ -3438,6 +3442,7 @@ body {
 }
 #page-node .content_container .node-type-actualite .infos-actu .field_field_site {
   margin-left: 0.5rem;
+  display: flex;
   align-items: center;
 }
 #page-node .content_container .node-type-actualite .infos-actu .field_field_site a {
@@ -3481,6 +3486,7 @@ body {
   display: flex;
   flex-direction: row;
   padding-left: 0.5rem;
+  margin-bottom: 0.5rem;
   display: inline-flex;
   align-items: center;
   color: white;
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-actualite.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-actualite.scss
index 12908a6..a3eccea 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-actualite.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-actualite.scss
@@ -45,25 +45,30 @@
                     padding: 1rem 0rem;
                     margin-bottom: 1rem;
 
-                    .field_field_type_d_actualite a{
-                        text-transform: uppercase;
-                        color: red;
-                        font-size: 0.6rem;
-                        font-weight: 600;
+                    .field_field_type_d_actualite{
                         display: flex;
-                        flex-direction: row;
                         align-items: center;
-                        &::before{
-                            content: url('../img/type-actu.svg');
-                            padding-right: 0.4rem;
+ 
+                        a{
+                            text-transform: uppercase;
+                            color: red;
+                            font-size: 0.6rem;
+                            font-weight: 600;
+                            display: flex;
+                            flex-direction: row;
+                            align-items: center;
+                            &::before{
+                                content: url('../img/type-actu.svg');
+                                padding-right: 0.4rem;
+                            }
                         }
                     }
                     .field_field_date{
                         color: red;
                         display: flex;
                         flex-direction: row;
+                        flex-basis: 25%;
                         margin-left: 1rem;
-                        padding-right: 1rem;
                         justify-content: space-between;
                         align-items: center;
 
@@ -71,11 +76,16 @@
                             content: url('../img/date-actu.svg');
                             padding-right: 0.4rem;
                         }
+                        // div{
+                        //     display: flex;
+                        //     flex-direction: column;
+                        //     align-items: center;
+                        // }
                     }
                     .field_field_site{
                         margin-left: 0.5rem;
+                        display: flex;
                         align-items: center;
-
                         a{
                             color: red;
                             font-size: 0.7rem;
@@ -121,6 +131,7 @@
                             display: flex;
                             flex-direction: row;
                             padding-left: 0.5rem;
+                            margin-bottom: 0.5rem;
                             display: inline-flex;
                             align-items: center;
                             color: white;