backend style issues, hard v text missing on button

javascripts/components/celestials/subtabs/effarig/effarig-tab.js

@@ -134,9 +134,10 @@ Vue.component("effarig-tab", {
           <div class="c-effarig-run-description">
             <div v-if="isRunning">
               You are in Effarig's Reality - give up?
-            </div><br>
+            </div>
+            <br>
             Enter Effarig's Reality, in which
-          {{runDescription}}
+            {{ runDescription }}
           </div>
           <div :class="['l-effarig-run-button', 'c-effarig-run-button', runButtonOuterClass]"
                @click="startRun">

javascripts/components/celestials/subtabs/enslaved-tab.js

@@ -147,7 +147,6 @@ Vue.component("enslaved-tab", {
     quote: "",
     currentSpeedUp: 0,
     hintsUnlocked: false,
-    description: GameDatabase.celestials.descriptions[2].description().capitalize()
   }),
   computed: {
     storedRealEfficiencyDesc() {
@@ -186,8 +185,8 @@ Vue.component("enslaved-tab", {
         "c-enslaved-run-button__icon--running": this.isRunning,
       };
     },
-    descriptionLines() {
-      return this.description.split("\n");
+    runDescription() {
+      return GameDatabase.celestials.descriptions[2].description().split("\n");
     },
   },
   watch: {
@@ -291,8 +290,8 @@ Vue.component("enslaved-tab", {
                 <div v-if="isRunning" v-for="x in 25" class="c-enslaved-run-button__icon__glitch"
                                     :style="glitchStyle(x)"/>
               </div>
-              <div v-for="description in descriptionLines">
-              {{ description }}
+              <div v-for="line in runDescription">
+                {{ line }}
               </div>
               <b>Reward: Unlock Tesseracts, which let you increase Infinity Dimension caps
               (see Infinity Dimension tab)</b>

javascripts/components/celestials/subtabs/laitela/laitela-tab.js

@@ -214,7 +214,6 @@ Vue.component("laitela-run-button", {
       maxDimTier: 0,
       isRunning: false,
       realityReward: 1,
-      description: GameDatabase.celestials.descriptions[5].description().split("\n"),
       singularitiesUnlocked: false,
     };
   },
@@ -245,6 +244,9 @@ Vue.component("laitela-run-button", {
   computed: {
     completionTime() {
       return TimeSpan.fromSeconds(this.realityTime).toStringShort();
+    },
+    runDescription() {
+      return GameDatabase.celestials.descriptions[5].description().split("\n");
     }
   },
   template: `
@@ -264,8 +266,8 @@ Vue.component("laitela-run-button", {
         <br>
         <br>
       </div>
-      <div v-for="desc in description">
-        {{ desc }} <br>
+      <div v-for="line in runDescription">
+        {{ line }} <br>
       </div>
     </button>`
 });

javascripts/components/celestials/subtabs/ra/ra-tab.js

@@ -17,8 +17,6 @@ Vue.component("ra-tab", {
       laitelaRealityMachineCost: new Decimal(0),
       petWithRecollection: "",
       isRunning: false,
-      description: GameDatabase.celestials.descriptions[4].description()
-                    .replace(/^\w/, c => c.toUpperCase()).split("\n")
     };
   },
   methods: {
@@ -94,6 +92,9 @@ Vue.component("ra-tab", {
         "c-ra-run-button__icon": true,
         "c-ra-run-button__icon--running": this.isRunning,
       };
+    },
+    runDescription() {
+      return GameDatabase.celestials.descriptions[4].description().replace(/^\w/, c => c.toUpperCase()).split("\n");
     }
   },
   template: `
@@ -124,8 +125,8 @@ Vue.component("ra-tab", {
           <div :class="runButtonClassObject" @click="startRun">
             <span class="c-ra-run-button__icon__sigil fas fa-sun"></span>
           </div>
-          <span v-for="desc in description">
-            {{ desc }}
+          <span v-for="line in runDescription">
+            {{ line }}
           </span>
         </button>
         <div v-if="showRecollection && !isRaCapped" class="c-ra-recollection-unlock">

javascripts/components/celestials/subtabs/teresa/teresa-tab.js

@@ -19,7 +19,6 @@ Vue.component("teresa-tab", {
       hasPerkShop: false,
       isRunning: false,
       canUnlockNextPour: false,
-      description: GameDatabase.celestials.descriptions[0].description()
     };
   },
   computed: {
@@ -48,6 +47,9 @@ Vue.component("teresa-tab", {
         "c-teresa-pour--unlock-available": this.canUnlockNextPour
       };
     },
+    runDescription() {
+      return GameDatabase.celestials.descriptions[0].description();
+    },
   },
   methods: {
     update() {
@@ -93,7 +95,7 @@ Vue.component("teresa-tab", {
           <div class="c-teresa-unlock c-teresa-run-button">
             <div :class="runButtonClassObject" @click="startRun()">Ϟ</div>
             Start Teresa's Reality.
-            {{ this.description }}
+            {{ runDescription }}
             <br><br>
             <div v-if="bestAM.gt(0)">
               You last did Teresa's Reality at {{ format(lastRM, 2) }} Reality Machines.

javascripts/components/celestials/subtabs/v-tab.js

@@ -19,7 +19,6 @@ Vue.component("v-tab", {
       wantsFlipped: true,
       isRunning: false,
       hasAlchemy: false,
-      description: GameDatabase.celestials.descriptions[3].description().replace(/^\w/, c => c.toUpperCase())
     };
   },
   methods: {
@@ -127,7 +126,10 @@ Vue.component("v-tab", {
         "c-v-run-button": true,
         "c-v-run-button--running": this.isRunning,
       };
-    }
+    },
+    runDescription() {
+      return GameDatabase.celestials.descriptions[3].description().replace(/^\w/, c => c.toUpperCase());
+    },
   },
   template: `
     <div class="l-v-celestial-tab">
@@ -209,7 +211,8 @@ Vue.component("v-tab", {
               V's Reality.</b>
               <br/>
               <div :style="{ 'font-size': hasAlchemy ? '1.1rem' : '' }">
-                {{ description }}
+                {{ runDescription }}
+                <span v-if="hasAlchemy">Exponential Glyph Alchemy effect is disabled.</span>
               </div>
               <div class="c-v-run-button__line c-v-run-button__line--1"></div>
               <div class="c-v-run-button__line c-v-run-button__line--2"></div>