ajustement design

web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss

@@ -1,18 +1,6 @@
 .layout-sidebar-first{
     display: flex;
     justify-content: end;
-    .sidebar_first_container{
-        width: 80%;
-        
-        #block-quartiers-de-demain-views-block-statics-block-1{
-            text-transform: uppercase;
-        }
-    
-    
-    }   
-}
-
-aside{
     position: relative;
     grid-column: 1 /span 2;
     grid-row: 1;
@@ -28,8 +16,9 @@ aside{
         margin-top: 3rem;
     }
     .sidebar_first_container{
-        position: -webkit-sticky;
+        width: 80%;
         position: sticky;
+        position: -webkit-sticky;
         top: 10rem;
         font-weight: 400;
         .field-content{
@@ -38,33 +27,34 @@ aside{
         @media (max-width: 810px){
             display: none;
         }
-    }
-    .views-field-field-pieces-jointes{
-        .field-content{
-            display: flex;
-            flex-direction: column;
-            .file--application-pdf{
-                display: inline-flex;
-                a{
-                    display: block;
-                    font-size: small;
-                    font-weight: 800;
-                }
+        
+        #block-quartiers-de-demain-views-block-statics-block-1{
+            text-transform: uppercase;
+        }
+        #block-quartiers-de-demain-views-block-statics-fields-block-1{
+            border-top: 2px solid $blue_QDD;
+            padding-top: 0.3rem;
+            .views-field-field-pieces-jointes{
+                display: flex;
+                flex-direction: row;
                 &::before{
                     content: url(../images/noun-arrow-download.svg);
-                    margin: auto;
-                    padding-right: 00.5rem;
+                    padding-right: 00.3rem;
+                }
+                .field-content{
+                    display: flex;
+                    flex-direction: column;
+                    font-size: 0.6rem;
+                    font-weight: 800;
+                    span{
+                        font-weight: 400;
+                    }
+                    
                 }
             }
-            span{
-                font-size: small;
-                font-weight: 800;
-                &:nth-child(2){
-                    margin-left: 50px;
-                    align-self: center;
 
-                }
-            }
         }
-    }
-}
+    
+    
+    }   
+}

web/themes/custom/quartiers_de_demain/scss/partials/_header.scss

@@ -108,7 +108,7 @@ header{
         border-bottom: 1px solid #808080;
         border-top: 1px solid #808080;
         font-size: $font-big;
-
+        text-align: center;
         #block-quartiers-de-demain-entete{
             grid-column: 1 /span 11;
             order: 2;