From d06f53879c5695f4ed678b65894b52366658a273 Mon Sep 17 00:00:00 2001
From: taskylizard <75871323+taskylizard@users.noreply.github.com>
Date: Fri, 3 Nov 2023 14:25:15 +0530
Subject: [PATCH] Fix emoji legend

---
 .vitepress/config.mts                      |  2 +-
 .vitepress/theme/components/PaneFields.vue | 28 ++++++----------------
 2 files changed, 8 insertions(+), 22 deletions(-)

diff --git a/.vitepress/config.mts b/.vitepress/config.mts
index 21b3d6e29..8b9f38e18 100644
--- a/.vitepress/config.mts
+++ b/.vitepress/config.mts
@@ -102,6 +102,6 @@ export default defineConfig({
         link: "https://reddit.com/r/FREEMEDIAHECKYEAH",
       },
     ],
-    ...pwa,
+    // ...pwa,
   },
 });
diff --git a/.vitepress/theme/components/PaneFields.vue b/.vitepress/theme/components/PaneFields.vue
index f7b79d5ce..9b3c8c4fe 100644
--- a/.vitepress/theme/components/PaneFields.vue
+++ b/.vitepress/theme/components/PaneFields.vue
@@ -5,26 +5,12 @@ defineProps<{
 </script>
 
 <template>
-  <div class="field-body">
-    <div class="text-xl" :class="icon" />
-    <!-- <p class="m-[10px 10px]">•</p> -->
-    <div class="text-[var(--vp-c-text-2)]">
-      <slot />
-    </div>
+  <div class="flex items-center mb-[8px] g-[12px]">
+    <span class="flex items-center">
+      <div class="text-2xl" :class="icon" />
+      <div class="ml-2 text-[var(--vp-c-text-2)]">
+        <slot />
+      </div>
+    </span>
   </div>
 </template>
-
-<style scoped>
-.field-body {
-  color: var(--vt-c-text-1);
-  display: block;
-}
-
-.field-body {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 8px;
-  gap: 12px;
-}
-</style>