fix(quests): modest Bundle revisions

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

@@ -233,8 +233,6 @@
     }
 
     .purchase-amount {
-      margin-top: 24px;
-
       .how-many-to-buy {
         margin-bottom: 16px;
       }

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

@@ -2,7 +2,7 @@
   <div class="quest-content">
     <div
       class="quest-image"
-      :class="'quest_' + item.key"
+      :class="item.purchaseType === 'bundles' ? `quest_bundle_${item.key}` : `quest_${item.key}`"
     ></div>
     <h3 class="text-center">
       {{ itemText }}
@@ -17,8 +17,8 @@
       <user-label :user="leader" />
     </div>
     <div
-      class="text"
       v-html="itemNotes"
+      class="mb-2"
     ></div>
     <questInfo
       class="questInfo"
@@ -42,12 +42,6 @@
     margin-top: 24px;
   }
 
-  .text {
-    margin: 16px 16px;
-    overflow-y: auto;
-    text-overflow: ellipsis;
-  }
-
   .leader-label {
     font-size: 14px;
     font-weight: bold;

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

@@ -25,7 +25,10 @@
         <dt>{{ $t('bossHP') + ':' }}</dt>
         <dd>{{ quest.boss.hp }}</dd>
       </div>
-      <div class="table-row">
+      <div
+        class="table-row"
+        v-if="quest.purchaseType !== 'bundles'"
+      >
         <dt>{{ $t('difficulty') + ':' }}</dt>
         <dd>
           <div
@@ -39,7 +42,6 @@
     </div>
     <div
       v-if="quest.end && !abbreviated"
-      class="m-auto"
     >
       {{ limitedString }}
     </div>

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

@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="quest.drop"
-    class="quest-rewards"
+    class="quest-rewards mb-3"
   >
     <div
       class="header d-flex align-items-center"