fix(modals): various tweks

website/client/src/components/shops/buyModal.vue

@@ -715,6 +715,12 @@ export default {
       if (this.item.notes instanceof Function) {
         return this.item.notes();
       }
+      if (this.item.items) {
+        if (this.item.items[0].notes instanceof Function) {
+          return this.item.items[0].notes();
+        }
+        return this.item.items[0].notes;
+      }
       return this.item.notes;
     },
     gemsLeft () {

website/client/src/components/shops/quests/buyQuestModal.vue

@@ -28,6 +28,12 @@
           :item="item"
           :abbreviated="true"
         />
+        <div
+          v-if="item.addlNotes"
+          class="mb-3"
+        >
+          {{ item.addlNotes }}
+        </div>
         <quest-rewards :quest="item" />
         <div
           v-if="!item.locked"
@@ -52,12 +58,6 @@
           <div class="how-many-to-buy">
             <strong>{{ $t('howManyToBuy') }}</strong>
           </div>
-          <div
-            v-if="item.addlNotes"
-            class="mb-3"
-          >
-            {{ item.addlNotes }}
-          </div>
           <div>
             <number-increment
               @updateQuantity="selectedAmountToBuy = $event"
@@ -82,7 +82,7 @@
           v-if="priceType === 'gems'
             && !enoughCurrency(priceType, item.value * selectedAmountToBuy)
             && !item.locked"
-          class="btn btn-primary"
+          class="btn btn-primary mb-3"
           @click="purchaseGems()"
         >
           {{ $t('purchaseGems') }}

website/client/src/components/shops/quests/questDialogContent.vue

@@ -18,7 +18,6 @@
     </div>
     <div
       v-html="itemNotes"
-      class="mb-2"
     ></div>
     <questInfo
       class="questInfo"

website/client/src/components/shops/quests/questInfo.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div
-      class="row"
+      class="row mt-3"
     >
       <div
         v-if="quest.collect"