#40 Try to fix css issue

OnroerendErfgoed · Jul 3, 2023 · 1b661c4 · 1b661c4
1 parent 505c2d9
commit 1b661c4
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/components/dumb/OeWizard.vue b/src/components/dumb/OeWizard.vue
@@ -30,8 +30,9 @@
     <div class="wizard__actions vl-u-flex vl-u-flex-align-center">
       <vl-button
         v-if="currentStep > 0"
+        key="previous-step-button"
         data-cy="previous-step-button"
-        class="nav-btn vl-u-spacer-right--xsmall"
+        class="wizard__navigation-button vl-u-spacer-right--xsmall"
         mod-secondary
         @click="previousStep"
       >
@@ -40,7 +41,8 @@
       </vl-button>
       <vl-button
         v-if="currentStep < totalSteps - 1"
-        class="nav-btn"
+        key="next-step-button"
+        class="wizard__navigation-button"
         data-cy="next-step-button"
         :mod-disabled="!steps[currentStep].valid"
         @click="nextStep"
@@ -50,7 +52,8 @@
       </vl-button>
       <vl-button
         v-else
-        class="nav-btn"
+        key="submit-button"
+        class="wizard__navigation-button"
         data-cy="submit-button"
         :mod-disabled="!steps.every((s) => s.valid)"
         @click="emit('submit')"
@@ -212,7 +215,7 @@ const previousStepsAreValid = (step: number) => {
     }
   }
 
-  .nav-btn {
+  &__navigation-button {
     display: flex;
     justify-content: center;
     width: 130px;