projets barre filtres

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

@@ -3021,13 +3021,19 @@ a {
             padding-bottom: 3rem; } }
         .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before {
           content: 'Filtrer par :';
-          margin-right: 1rem; }
+          margin-right: 1rem;
+          margin-bottom: 1rem;
+          width: 160px; }
           @media (max-width: 479px) {
             .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before {
               padding-bottom: 1rem; } }
         .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 {
           display: flex;
-          flex-direction: row; }
+          flex-direction: row;
+          flex-wrap: wrap; }
+          .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 .form-item {
+            margin-right: 2rem;
+            margin-bottom: 2rem; }
           .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-neuf-rehabilitation-value--wrapper legend {
             display: none; }
           .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-neuf-rehabilitation-value--wrapper .js-form-item-field-neuf-rehabilitation-value:first-of-type {
@@ -3065,6 +3071,7 @@ a {
           .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 label {
             padding-right: 1rem; }
           .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-submit-projets {
+            display: inline-block;
             background-color: #009ee3;
             color: white;
             text-transform: uppercase;

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

@@ -126,6 +126,8 @@
                                     &::before{
                                         content: 'Filtrer par :';
                                         margin-right: 1rem;
+                                        margin-bottom: 1rem;
+                                        width: 160px;
                                         @media (max-width: 479px){
                                             padding-bottom: 1rem;
                                         }
@@ -135,6 +137,11 @@
                                         
                                         display: flex;
                                         flex-direction: row;
+                                        flex-wrap: wrap;
+                                        .form-item{
+                                            margin-right: 2rem;
+                                            margin-bottom: 2rem;
+                                        }
                                         #edit-field-neuf-rehabilitation-value--wrapper{
                                             legend{display: none;}
                                             .js-form-item-field-neuf-rehabilitation-value:first-of-type{
@@ -183,6 +190,7 @@
                                             padding-right: 1rem;
                                         }
                                         #edit-submit-projets{
+                                            display: inline-block;
                                             background-color: $blue-light; 
                                             color: white;
                                             text-transform: uppercase;