affinage css ofres de services

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

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /*eql*/
 /*global*/
 @font-face {
@@ -1909,21 +1910,20 @@ a {
         .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row {
           width: 50%; }
           .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service {
+            display: flex;
+            justify-content: space-between;
             padding: 1rem;
             height: fit-content;
             margin-bottom: 1rem;
             background-color: white;
             margin-right: 1rem; }
+            .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service::after {
+              content: url("../images/pictos/noun_Arrow_3771902.svg");
+              align-self: flex-end; }
             .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type {
               display: grid;
               grid-template-columns: 1fr 1fr 1fr;
               grid-template-rows: repeat(6 auto); }
-              .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type div:last-of-type {
-                display: inline-flex;
-                justify-content: space-between; }
-                .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type div:last-of-type::after {
-                  content: url("../images/pictos/noun_Arrow_3771902.svg");
-                  align-self: flex-end; }
               .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-type-de-protagoniste {
                 grid-column: 1 / span 3;
                 grid-row: 1;
@@ -1974,12 +1974,17 @@ a {
                 font-size: 00.8rem; }
               .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition {
                 display: inline-flex;
-                grid-column: 2 / span 3;
+                grid-column: 2 /span 3;
                 grid-row: 6;
                 font-size: 0.8rem;
                 padding-top: 1rem;
-                justify-content: space-between;
-                align-items: center; }
+                justify-content: flex-start; }
+                .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition time {
+                  justify-self: flex-start; }
+                .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition::before {
+                  content: "proposé le";
+                  hyphens: none;
+                  padding-right: 0.5rem; }
           .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .type-de-protagoniste-5 {
             border: 2px solid #ff000f; }
           .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .type-de-protagoniste-6 {
@@ -2077,7 +2082,8 @@ a {
       grid-column: 2 / span 3;
       grid-row: 4;
       font-size: 2.5rem;
-      font-family: "Source Code Pro"; }
+      font-family: "Source Code Pro";
+      padding-right: 15%; }
       @media (max-width: 810px) {
         .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodetitle {
           font-size: 1.2rem; } }
@@ -2131,6 +2137,11 @@ a {
         padding-left: 1rem;
         padding-right: 1rem;
         padding-bottom: 1rem; }
+        .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-courriel a {
+          color: white;
+          hyphens: auto; }
+          .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-courriel a svg {
+            display: none; }
       .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-telephone {
         display: none;
         background: #009ee3;

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

@@ -100,6 +100,7 @@
                     grid-row: 4;
                     font-size: 2.5rem;
                     font-family: "Source Code Pro";
+                    padding-right: 15%;
                     @media (max-width: 810px){
                         font-size: 1.2rem;
                     }
@@ -170,6 +171,13 @@
                     padding-left: 1rem;
                     padding-right: 1rem;
                     padding-bottom: 1rem;
+                    a{
+                        color: white;
+                        hyphens: auto;
+                        svg{
+                            display: none;
+                        }
+                    }
 
                 }                
                 .block-entity-fieldnodefield-telephone{

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

@@ -107,7 +107,8 @@
                                 .views-row{
                                     width: 50%;
                                     .node-type-offre_de_service{
-                                         // display: flex;
+                                         display: flex;
+                                         justify-content: space-between;
                                         // flex-direction: column;
                                         // border: 2px solid rgb(199, 215, 74); 
 
@@ -118,19 +119,24 @@
                                         background-color: $white;
                                         margin-right: 1rem;
                                         // height: 200px;
+                                        &::after{
+                                            content: url("../images/pictos/noun_Arrow_3771902.svg");
+                                            align-self: flex-end;
+                                        }
                                        
                                         div:first-of-type{
                                             display: grid;
                                             grid-template-columns: 1fr 1fr 1fr;
                                             grid-template-rows: repeat(6 auto);
-                                            div:last-of-type{
-                                                display: inline-flex;
-                                                justify-content: space-between;
-                                                &::after{
-                                                    content: url("../images/pictos/noun_Arrow_3771902.svg");
-                                                    align-self: flex-end;
-                                                }
-                                            }
+                                           
+                                            // div:last-of-type{
+                                            //     // display: inline-flex;
+                                            //     // justify-content: space-between;
+                                            //     // &::after{
+                                            //     //     content: url("../images/pictos/noun_Arrow_3771902.svg");
+                                            //     //     align-self: flex-end;
+                                            //     // }
+                                            // }
                                             .field--name-field-type-de-protagoniste{
                                                 grid-column: 1 / span 3;
                                                 grid-row: 1;
@@ -199,16 +205,24 @@
                                             }
                                             .field--name-field-date-de-proposition{
                                                 display: inline-flex;
-                                                grid-column: 2 / span 3;
+                                                grid-column: 2 /span 3;
                                                 grid-row: 6;
                                                 font-size: 0.8rem;
                                                 padding-top: 1rem;
-                                                justify-content: space-between;
-                                                align-items: center;
+                                                justify-content: flex-start;
+                                                // align-items: center;
                                                 // &::after{
                                                 //     content: url("../images/pictos/noun_Arrow_3771902.svg");
                                                 //     align-self: flex-end;
                                                 // }
+                                                time{
+                                                    justify-self: flex-start;
+                                                }
+                                                &::before{
+                                                    content: "proposé le";
+                                                    hyphens: none;
+                                                    padding-right: 0.5rem;
+                                                }
 
                                             }
                                         }