From 81ebb279cd881d1c560668c3cb03600d85b9f5b9 Mon Sep 17 00:00:00 2001
From: Kalista Payne <sabrecat@gmail.com>
Date: Wed, 8 Jan 2025 09:26:11 -0600
Subject: [PATCH] fix(misc): clean up some layout and one more link

---
 .../src/components/inventory/equipment/index.vue |  2 +-
 .../src/components/shared/inventoryDrawer.vue    | 16 ++++------------
 website/client/src/components/ui/drawer.vue      |  6 ++++++
 website/common/locales/en/generic.json           |  2 +-
 4 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/website/client/src/components/inventory/equipment/index.vue b/website/client/src/components/inventory/equipment/index.vue
index fb921fbbe4c..4b3ad2427c7 100644
--- a/website/client/src/components/inventory/equipment/index.vue
+++ b/website/client/src/components/inventory/equipment/index.vue
@@ -106,7 +106,7 @@
         </div>
         <div slot="drawer-header">
           <div class="drawer-tab-container">
-            <div class="clearfix">
+            <div class="clearfix mb-2">
               <toggle-switch
                 class="float-right align-with-tab"
                 :label="$t(costumeMode ? 'useCostume' : 'autoEquipBattleGear')"
diff --git a/website/client/src/components/shared/inventoryDrawer.vue b/website/client/src/components/shared/inventoryDrawer.vue
index 4561425ada3..a5994910a7a 100644
--- a/website/client/src/components/shared/inventoryDrawer.vue
+++ b/website/client/src/components/shared/inventoryDrawer.vue
@@ -27,27 +27,19 @@
         @changedPosition="tabSelected($event)"
       >
         <div slot="right-item">
-          <div
+          <a
             v-once
             id="petLikeToEatMarket"
             class="drawer-help-text"
+            href="/static/faq#pet-foods"
+            target="_blank"
           >
             <span>{{ $t('petLikeToEat') + ' ' }}</span>
             <span
               class="svg-icon inline icon-16"
               v-html="icons.information"
             ></span>
-          </div>
-          <b-popover
-            target="petLikeToEatMarket"
-            :placement="'top'"
-          >
-            <div
-              v-once
-              class="popover-content-text"
-              v-html="$t('petLikeToEatText')"
-            ></div>
-          </b-popover>
+          </a>
         </div>
       </drawer-header-tabs>
     </div>
diff --git a/website/client/src/components/ui/drawer.vue b/website/client/src/components/ui/drawer.vue
index 7143e562a2a..64ded02834d 100644
--- a/website/client/src/components/ui/drawer.vue
+++ b/website/client/src/components/ui/drawer.vue
@@ -129,6 +129,12 @@
     padding-top: 6px;
     padding-left: 24px;
     padding-right: 24px;
+
+    a {
+      line-height: 1.33;
+      color: $gray-500;
+      text-decoration: none;
+    }
   }
 
   .drawer-tab {
diff --git a/website/common/locales/en/generic.json b/website/common/locales/en/generic.json
index d3e25041b88..d5f180c58d1 100644
--- a/website/common/locales/en/generic.json
+++ b/website/common/locales/en/generic.json
@@ -30,7 +30,7 @@
   "user": "User",
   "market": "Market",
   "newSubscriberItem": "You have new <span class=\"notification-bold-blue\">Mystery Items</span>",
-  "subscriberItemText": "Each month, subscribers will receive a mystery item. It becomes available at the beginning of the month.",
+  "subscriberItemText": "Subscribers receive a new mystery gear set at the beginning of each month!",
   "all": "All",
   "none": "None",
   "more": "<%= count %> more",