css home block actus

web/themes/custom/eql/css-compiled/styles.css

@@ -438,7 +438,7 @@ a {
           margin: auto; }
           .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child {
             display: grid;
-            grid-template-columns: 1fr repeat(8, 1fr) 1fr; }
+            grid-template-columns: 1fr repeat(9, 1fr) 1fr; }
             .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .field--name-field-images {
               order: 1;
               grid-column: 1 /span 9;
@@ -448,19 +448,25 @@ a {
                 max-height: 550px;
                 object-fit: cover; }
             .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .field--name-field-date {
-              display: inline;
-              grid-column: 9 / span 7;
+              grid-column: 9 / span 9;
               grid-row: 2;
-              order: 2;
-              flex-direction: row; }
+              order: 2; }
+              .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .field--name-field-date div {
+                display: flex !important;
+                flex-direction: row; }
               .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .field--name-field-date time {
+                display: flex;
+                flex-direction: row;
                 font-size: 0.9rem;
                 font-weight: 800;
                 padding-right: 1rem;
                 width: fit-content; }
             .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .field--name-field-lieu {
-              grid-column: 9 / span 9;
+              grid-column: 10 / span 12;
               grid-row: 2; }
+              .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .field--name-field-lieu div.field__item {
+                display: flex !important;
+                flex-direction: row; }
               .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .field--name-field-lieu .field__label {
                 display: none; }
             .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .field--name-title {
@@ -482,7 +488,8 @@ a {
             .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child h2 {
               margin: 0; }
             .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child a {
-              color: black; }
+              color: black;
+              grid-column: 1/span 8; }
             .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite div:first-child .inline.links {
               padding-top: none !important;
               list-style: none;

web/themes/custom/eql/scss/pages/_home.scss

@@ -40,7 +40,7 @@
                                     // flex-direction: column;
                                     // flex-wrap: wrap;
                                     display: grid;
-                                    grid-template-columns: 1fr repeat(8, 1fr) 1fr;
+                                    grid-template-columns: 1fr repeat(9, 1fr) 1fr;
                                     .field--name-field-images {
                                         order: 1;
                                         grid-column: 1 /span 9;
@@ -53,19 +53,23 @@
                                     }
                                     
                                     .field--name-field-date{
-                                        display: inline;
-
-                                        grid-column: 9 / span 7;
+                                        grid-column: 9 / span 9;
                                         grid-row: 2;
                                         order: 2;
-                                        // display: flex;
-                                        flex-direction: row;
+                                        // display: flex !important;
+                                        // flex-direction: row;
                                         // justify-content: flex-start;
                                         // &:not(:last-child):after{ 
                                         //     padding-right: 1rem;
                                         //     content: "|";
                                         // }
+                                        div{
+                                            display: flex !important;
+                                            flex-direction: row;
+                                        }
                                         time{ 
+                                            display: flex;
+                                            flex-direction: row;
                                             font-size: 0.9rem;
                                             font-weight: 800;
                                             padding-right: 1rem;
@@ -78,11 +82,16 @@
                                     }
     
                                     .field--name-field-lieu{
+                                        div.field__item{
+                                            display: flex !important;
+                                            flex-direction: row;
+                                        }
                                         .field__label{
                                             display: none;
                                         }
-                                        grid-column: 9 / span 9;
+                                        grid-column: 10 / span 12;
                                         grid-row: 2;
+                                        
                                     }
                                     .field--name-title{
                                         display: inline-flex;
@@ -106,7 +115,10 @@
                                         width: 100%;
                                     }
                                     h2{ margin:0; }
-                                    a{ color: $black; } 
+                                    a{ 
+                                        color: $black; 
+                                        grid-column: 1/span 8;
+                                    } 
                         
                                     .inline.links{
                                         // grid-column: 5;