style: filters buttons position (#82)

chewam · Aug 5, 2022 · d65f530 · d65f530 · vercel · Aug 5, 2022
1 parent fe41803
commit d65f530
Showing 1 changed file with 13 additions and 15 deletions.
diff --git a/src/styles/components/filters.scss b/src/styles/components/filters.scss
@@ -1,34 +1,32 @@
 #__next > .container > .filters { /* stylelint-disable-line */
   @apply
-    pt-4
-    pb-6
-    px-6
-    mb-4
     flex
+    mb-4
+    pl-6
     z-10
     shadow
     relative
-    items-center
     bg-white
     dark:bg-gray-800;
 
   .genders {
     @apply
-      ml-8
-      flex
-      flex-row
-      leading-none
-      items-center;
+    flex
+    ml-6
+    flex-row
+    leading-none;
 
     i {
       @apply
+        flex
+        ml-2
         text-2xl
-        last:ml-2
+        leading-5
+        last:mr-4
+        items-center
         cursor-pointer
         text-gray-300
-        dark:text-gray-600
-        leading-5
-        ;
+        dark:text-gray-600;
 
       &.active {
         @apply
@@ -39,7 +37,7 @@
   }
 
   .rc-slider {
-    @apply flex-1;
+    @apply flex-1 pt-6 pb-8;
 
     .rc-slider-rail {
       @apply