Feat: update filters style for better responsiveness

mateussouzaweb · Feb 10, 2024 · 83ca8c0 · 83ca8c0
1 parent 8b3dee1
commit 83ca8c0
Showing 1 changed file with 6 additions and 10 deletions.
diff --git a/src/styles/content.scss b/src/styles/content.scss
@@ -82,30 +82,26 @@
     flex-flow: row;
     flex-wrap: wrap;
     justify-content: space-between;
-    margin: 0 0 0.83rem;
-
-    .list-filters-part {
-        display: flex;
-        flex: 0 1 auto;
-        flex-wrap: wrap;
-    }
+    margin: 0 -1rem 0.83rem 0;
 
     input,
     .dropdown {
         background: transparent;
         border-color: #FFF;
         color: #FFF;
         margin-bottom: 0.5rem;
+        margin-right: 1rem;
     }
 
     input {
         flex: 0 1 20rem;
     }
 
     .dropdown {
-        //flex: 1 1 12.5rem;
-        flex: auto;
-        margin-right: 1rem;
+        flex: 1; 
+    }
+    .dropdown + .dropdown {
+        flex: 0;
     }
     .dropdown:focus-within {
         border-color: #F37521;