css filters

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

@@ -5338,6 +5338,11 @@ a {
   flex-wrap: wrap;
   margin-top: 1rem;
 }
+@media (max-width: 479px) {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 {
+    justify-content: center;
+  }
+}
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 .form-item {
   padding: 0.5rem;
   align-self: center;
@@ -5347,6 +5352,7 @@ a {
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 select, .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 input {
   padding: 0.3rem;
+  margin: 0.5rem;
 }
 @media (max-width: 479px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-field-mots-clefs-target-id {
@@ -5358,7 +5364,13 @@ a {
   flex-direction: column;
   justify-content: space-between;
   align-self: center;
-  vertical-align: middle;
+  margin-left: auto;
+}
+@media (max-width: 479px) {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions {
+    justify-content: center;
+    margin: auto;
+  }
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-submit-base-de-donnees {
   background-color: rgb(0, 158, 227);
@@ -5370,8 +5382,7 @@ a {
 }
 @media (max-width: 479px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-submit-base-de-donnees {
-    margin-left: 0rem;
-    margin-right: 2rem;
+    margin: auto;
     margin-top: 1rem;
   }
 }
@@ -5384,6 +5395,12 @@ a {
   margin-top: 1rem;
   margin-left: 1rem;
 }
+@media (max-width: 479px) {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-reset {
+    margin: auto;
+    margin-top: 1rem;
+  }
+}
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content {
   width: 100%;
   display: flex;

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

@@ -129,6 +129,9 @@
                                         flex-direction: row;
                                         flex-wrap: wrap;
                                         margin-top: 1rem;
+                                        @media (max-width: 479px){
+                                            justify-content: center;
+                                        }
                                         .form-item{
                                             padding: 0.5rem;
                                             align-self: center;
@@ -138,6 +141,7 @@
                                         }
                                         select, input{
                                             padding: 0.3rem;
+                                            margin:0.5rem;
                                         }
                                      
                                         #edit-field-mots-clefs-target-id{
@@ -151,7 +155,11 @@
                                             flex-direction: column;
                                             justify-content: space-between;
                                             align-self: center;
-                                            vertical-align: middle;
+                                            margin-left: auto;
+                                            @media (max-width: 479px){
+                                                justify-content: center;
+                                                margin: auto;
+                                            }
                                             #edit-submit-base-de-donnees{
                                                 background-color: $blue-light; 
                                                 color: white;
@@ -161,8 +169,7 @@
                                                 margin-left: 2rem;
 
                                                 @media (max-width: 479px){
-                                                    margin-left: 0rem;
-                                                    margin-right: 2rem;
+                                                    margin: auto;
                                                     margin-top: 1rem;
                                                 }
                                             }
@@ -174,6 +181,10 @@
                                                 padding: 0.3rem 0.7rem;
                                                 margin-top: 1rem;
                                                 margin-left: 1rem;
+                                                @media (max-width: 479px){
+                                                    margin: auto;
+                                                    margin-top: 1rem;
+                                                }
                                             }    
                                         }