fix(FooterStepper): adjust gap between stepper and buttons

rotki · May 2, 2024 · bd6e347 · bd6e347
1 parent 99ded64
commit bd6e347
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/steppers/FooterStepper.vue b/src/components/steppers/FooterStepper.vue
@@ -142,7 +142,7 @@ function onClick(index: number) {
 
 <style lang="scss" module>
 .footer-stepper {
-  @apply flex items-center justify-between transition-all duration-150;
+  @apply flex items-center justify-between gap-x-4 transition-all duration-150;
 
   .numeric {
     @apply text-rui-text;
@@ -175,23 +175,23 @@ function onClick(index: number) {
   }
 
   .bullets {
-    @apply mx-4 space-x-1;
+    @apply gap-x-1;
 
     .bullet {
       @apply w-2;
     }
   }
 
   .pills {
-    @apply w-full space-x-3;
+    @apply w-full gap-x-3;
 
     .pill {
       @apply w-full;
     }
   }
 
   .progress {
-    @apply max-w-[60%] mx-4;
+    @apply max-w-[60%];
   }
 
   .arrow__button {