css filters

web/themes/custom/eql/dist/assets/css/bundle.css

@@ -3877,10 +3877,20 @@ a {
   flex-direction: row;
   flex-wrap: wrap;
   position: relative;
+  align-content: center;
 }
 .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;
+  margin-right: 1rem;
+  margin-bottom: 1rem;
+  display: flex;
+  align-content: center;
+}
+.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 select, .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 input {
+  padding: 0.3rem;
+  margin: 0.5rem;
+}
+.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 input, .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 {
+  margin: 0.5rem;
 }
 .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;
@@ -3932,7 +3942,6 @@ a {
   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: rgb(0, 158, 227);
   color: white;
   text-transform: uppercase;
@@ -3945,12 +3954,6 @@ a {
     margin-right: 2rem;
   }
 }
-@media (min-width: 1495px) {
-  .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 {
-    position: absolute;
-    right: 150px;
-  }
-}
 .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-reset {
   background-color: rgb(0, 158, 227);
   color: white;

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

@@ -140,9 +140,20 @@
                                         flex-direction: row;
                                         flex-wrap: wrap;
                                         position: relative;
+                                        align-content: center;
+                                        
                                         .form-item{
-                                            margin-right: 2rem;
-                                            margin-bottom: 2rem;
+                                            margin-right: 1rem;
+                                            margin-bottom: 1rem;
+                                            display: flex;
+                                            align-content: center;
+                                        }
+                                        select, input{
+                                            padding: 0.3rem;
+                                            margin:0.5rem;
+                                        }
+                                        input, label{
+                                            margin: 0.5rem;
                                         }
                                         #edit-field-neuf-rehabilitation-value--wrapper{
                                             legend{display: none;}
@@ -192,7 +203,7 @@
                                             padding-right: 1rem;
                                         }
                                         #edit-submit-projets{
-                                            display: inline-block;
+                                            // display: inline-block;
                                             background-color: $blue-light; 
                                             color: white;
                                             text-transform: uppercase;
@@ -205,8 +216,10 @@
                                             }
                                             @media (min-width:1495px) {
                                                 // margin-left: 0;
-                                                position: absolute;
-                                                right: 150px;
+                                                // position: absolute;
+                                                // right: 150px;
+                                                // // justify-content: flex-end;
+                                                // margin-left: auto;
                                             }
                                         }
                                         #edit-reset{