From 038eb678e8f2a67393a29521fb3d0a40324aa058 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <pablo@blender.org>
Date: Thu, 21 Jul 2022 14:30:27 +0200
Subject: [PATCH] Setup Assistant: Use larger buttons for back/next

---
 web/app/src/assets/base.css               | 4 ++++
 web/app/src/components/steps/StepItem.vue | 6 +++---
 web/app/src/views/FirstTimeWizardView.vue | 4 ++++
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css
index 1997237f..505e6801 100644
--- a/web/app/src/assets/base.css
+++ b/web/app/src/assets/base.css
@@ -354,6 +354,10 @@ button, .btn {
   user-select: none;
 }
 
+.btn-lg {
+  font-size: var(--font-size-base);
+}
+
 .btn-bar.btn-bar-wide {
   justify-content: space-between;
   width: 100%;
diff --git a/web/app/src/components/steps/StepItem.vue b/web/app/src/components/steps/StepItem.vue
index c2b9fee3..fb5b7521 100644
--- a/web/app/src/components/steps/StepItem.vue
+++ b/web/app/src/components/steps/StepItem.vue
@@ -21,16 +21,16 @@ const props = defineProps({
     <h2>{{ title }}</h2>
     <slot></slot>
     <div class="btn-bar btn-bar-wide">
-      <button 
+      <button
         v-show="isBackVisible"
         @click="$emit('backClicked')"
-        class="btn"
+        class="btn btn-lg"
       >Back
       </button>
       <button
         @click="$emit('nextClicked')"
         :disabled="!isNextClickable"
-        class="btn btn-primary"
+        class="btn btn-lg btn-primary"
       >
       {{ nextLabel }}
       </button>
diff --git a/web/app/src/views/FirstTimeWizardView.vue b/web/app/src/views/FirstTimeWizardView.vue
index 4accda91..55ef2b7b 100644
--- a/web/app/src/views/FirstTimeWizardView.vue
+++ b/web/app/src/views/FirstTimeWizardView.vue
@@ -508,6 +508,10 @@ body.is-first-time-wizard #app {
   }
 }
 
+.btn-bar-wide {
+  margin-top: var(--spacer);
+}
+
 .btn-bar-wide .btn:last-child {
   margin-left: auto;
 }