fix duplicates in code

website/client/src/components/chat/chatCard.vue

@@ -26,10 +26,10 @@ div
         .svg-icon(v-html="icons.delete", v-once)
         div(v-once) {{$t('delete')}}
       .ml-auto.d-flex(v-b-tooltip="{title: likeTooltip(msg.likes[user._id])}", v-if='!inbox')
-        .action.d-flex.align-items-center.mr-0(@click='like()', v-if='likeCount > 0', :class='{active: msg.likes[user._id]}')
+        .action.d-flex.align-items-center.mr-0(@click='like()', v-if='likeCount > 0', :class='{activeLike: msg.likes[user._id]}')
           .svg-icon(v-html="icons.liked", :title='$t("liked")')
           | +{{ likeCount }}
-        .action.d-flex.align-items-center.mr-0(@click='like()', v-if='likeCount === 0', :class='{active: msg.likes[user._id]}')
+        .action.d-flex.align-items-center.mr-0(@click='like()', v-if='likeCount === 0', :class='{activeLike: msg.likes[user._id]}')
           .svg-icon(v-html="icons.like", :title='$t("like")')
       span(v-if='!msg.likes[user._id] && !inbox') {{ $t('like') }}
 </template>
@@ -106,7 +106,7 @@ div
     }
   }
 
-  .active {
+  .activeLike {
     color: $purple-300;
 
     .svg-icon {

website/client/src/components/inventory/stable/index.vue

@@ -242,12 +242,6 @@
     }
   }
 
-
-  .modal-backdrop.fade.show {
-    background-color: $purple-50;
-    opacity: 0.9;
-  }
-
   .last {
     margin-right: 0 !important;
   }

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

@@ -77,6 +77,13 @@ dt {
   }
 }
 
+// popover used in quest selection modal
+.popover-body {
+  dt {
+    color: inherit;
+  }
+}
+
 // making sure the star-colors always correct
 .star {
   fill: #ffb445;

website/client/src/components/yesterdailyModal.vue

@@ -7,27 +7,42 @@
     :no-close-on-esc="true",
     @hide="$emit('hide')",
   )
-    .modal-body
-      h1.header-welcome.text-center {{ $t('welcomeBack') }}
-      p.call-to-action.text-center {{ $t('checkOffYesterDailies') }}
-      .tasks-list
-        task(
-          v-for="task in tasksByType.daily",
-          :key="task.id",
-          :task="task",
-          :isUser="true",
-          :dueDate="dueDate",
-        )
-      .start-day.text-center
-        button.btn.btn-primary(@click='close()') {{ $t('yesterDailiesCallToAction') }}
+    h1.header-welcome.text-center {{ $t('welcomeBack') }}
+    p.call-to-action.text-center {{ $t('checkOffYesterDailies') }}
+    .tasks-list
+      task(
+        v-for="task in tasksByType.daily",
+        :key="task.id",
+        :task="task",
+        :isUser="true",
+        :dueDate="dueDate",
+      )
+    .start-day.text-center
+      button.btn.btn-primary(@click='close()') {{ $t('yesterDailiesCallToAction') }}
 </template>
 
+<style lang="scss">
+  #yesterdaily {
+    .modal-dialog {
+      width: 22.625rem;
+    }
+
+    .task-wrapper:not(:last-of-type) {
+      margin-bottom: 2px;
+    }
+
+    .modal-content {
+      border-radius: 8px;
+    }
+  }
+</style>
+
 <style lang="scss" scoped>
   @import '~@/assets/scss/colors.scss';
 
   .header-welcome {
     color: $purple-200;
-    margin-top: 1.33333em;
+    margin-top: 1rem;
   }
 
   .call-to-action {
@@ -39,14 +54,12 @@
     border-radius: 4px;
     background: $gray-600;
     padding: 8px;
-    padding-bottom: 0.1px;
     position: relative;
-    height: calc(100% - 64px);
     overflow: auto;
   }
 
   .start-day {
-    margin: 2em auto 2em auto;
+    margin: 1.5rem auto 1rem auto;
   }
 </style>