chore: consistent padding

pages/Apprentices.vue

@@ -1,5 +1,5 @@
 <template>
-  <responsive-grid>
+  <responsive-grid class="pb-20">
     <apprentice-button
       v-for="(process, index) in unlocked"
       :key="`${index}-${process.workerLevel}`"

pages/Missions.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="missions grid">
+  <div class="missions pb-20">
     <responsive-grid v-if="incomplete.length">
       <mission-button
         v-for="(mission, index) in incomplete"
@@ -87,8 +87,13 @@ export default {
         this.$store.commit('doPrestige')
         this.$store.commit('startGame')
 
-        const message =
-          'You are young-ish once again and back in the year 1400 with all your wisdom intact.' +
+        const message = this.$store.getters.missionIsCompleted(
+          'Time Travel Precision'
+        )
+          ? 'Having increased the precision of the time machine, you were able to bring your wisdom ' +
+            'to yourself as a child and get an earlier start on this next shot at life. You are now ' +
+            'in the year 1372, a young person with a full life ahead of yourself to explore the depths of time.'
+          : 'You are young-ish once again and back in the year 1400 with all your wisdom intact.' +
             '<br><br>' +
             'Continue to explore the eras and unlock the secrets of time.'
 
@@ -102,9 +107,3 @@ export default {
   },
 }
 </script>
-
-<style scoped>
-.missions {
-  grid-template-rows: minmax(0, 1fr) auto auto;
-}
-</style>

pages/TimeMagic.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="md:pt-4 pt-2 pb-16">
+  <div class="md:pt-4 pt-2 pb-20">
     <div
       class="mana-bar relative mx-auto rounded-full overflow-hidden border-2"
       :class="`text-${$store.getters.activeTab.color} border-${$store.getters.activeTab.darkColor}`"

pages/Wisdom.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="tab-content md:overflow-hidden">
+  <div class="tab-content md:overflow-hidden pb-20">
     <div class="stats grid mb-4 mx-auto max-w-md">
       <span align="left"><b>Total spare time generated</b></span
       ><span align="right">{{

pages/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="pb-20">
     <responsive-grid class="mb-4">
       <progress-button
         v-for="(process, index) in uncreated"
@@ -11,7 +11,7 @@
       />
     </responsive-grid>
 
-    <responsive-grid class="pb-20" min="2" mid="3" max="5">
+    <responsive-grid min="2" mid="3" max="5">
       <timekeeping-instrument
         v-for="(process, index) in created"
         :key="index"