From e4796d5b29442520ed44ca70277ae4a4744491f9 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Fri, 20 Sep 2024 21:51:23 +0200
Subject: [PATCH] css button plaquette

---
 .../dist/assets/css/bundle.css                | 20 ++++++++++++++++
 .../src/assets/scss/pages/home.scss           | 23 +++++++++++++++++++
 2 files changed, 43 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 db6efc0..0993b6c 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
@@ -1745,6 +1745,26 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
   display: flex;
   justify-content: flex-end;
   padding-right: 2rem;
+  margin-top: 0;
+  margin-bottom: 2rem;
+}
+#home article.node-type-static .field_body > p:nth-child(4) a {
+  display: inline-flex;
+  align-items: center;
+  color: white;
+  background: black;
+  text-transform: uppercase;
+  font-size: 0.6rem;
+  padding-left: 0.5rem;
+}
+#home article.node-type-static .field_body > p:nth-child(4) a svg {
+  display: none;
+}
+#home article.node-type-static .field_body > p:nth-child(4) a::after {
+  display: inline-flex;
+  content: url("../img/noun-arrow-to-right.svg");
+  padding-right: 0.2rem;
+  padding-left: 0.2rem;
 }
 #home article.node-type-static .field_field_title {
   width: fit-content;
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
index 5007e1b..4bf8cba 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
@@ -129,12 +129,35 @@
                 display: flex;
                 justify-content: flex-end;
                 padding-right: 2rem;
+                margin-top: 0;
+                margin-bottom: 2rem;
+                
                 // margin: auto;
                 // padding-bottom: 2rem;
                 // @media(max-width: 1090px){
                 //     padding-top: 0 ;
                 //     margin-top: 0;
                 // }
+                a{
+                    display: inline-flex;
+                    align-items: center;
+                    color: white;
+                    background: black;
+                    text-transform: uppercase;
+                    font-size: 0.6rem;
+                    padding-left: 0.5rem;
+                    svg{
+                        display: none;
+                    }
+                    &::after{
+                        display: inline-flex;
+                        content: url("../img/noun-arrow-to-right.svg");
+                        padding-right: 0.2rem;
+                        padding-left: 0.2rem;
+                        
+                    }
+
+                }
             }
         }
         .field_field_title{