From 61bc53f9545db92aebb3f29021b5c28c3c61af43 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Mon, 3 Apr 2023 08:15:16 -0500
Subject: [PATCH] Large achievement styling changes

---
 src/features/achievements/Achievement.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/features/achievements/Achievement.vue b/src/features/achievements/Achievement.vue
index e615244..5bc1103 100644
--- a/src/features/achievements/Achievement.vue
+++ b/src/features/achievements/Achievement.vue
@@ -12,7 +12,7 @@
             feature: true,
             achievement: true,
             locked: !unref(earned),
-            bought: unref(earned),
+            done: unref(earned),
             small: unref(small),
             ...unref(classes)
         }"
@@ -60,7 +60,7 @@ export default defineComponent({
         MarkNode
     },
     setup(props) {
-        const { display, requirements } = toRefs(props);
+        const { display, requirements, earned } = toRefs(props);
 
         const comp = shallowRef<Component | string>("");
 
@@ -76,7 +76,9 @@ export default defineComponent({
             }
             const Requirement = coerceComponent(currDisplay.requirement ? currDisplay.requirement : jsx(() => displayRequirements(unwrapRef(requirements) ?? [])), "h3");
             const EffectDisplay = coerceComponent(currDisplay.effectDisplay || "", "b");
-            const OptionsDisplay = coerceComponent(currDisplay.optionsDisplay || "", "span");
+            const OptionsDisplay = unwrapRef(earned) ?
+                coerceComponent(currDisplay.optionsDisplay || "", "span") :
+                "";
             comp.value = coerceComponent(
                 jsx(() => (
                     <span>
@@ -117,6 +119,7 @@ export default defineComponent({
 }
 
 .achievement:not(.small) {
+    height: unset;
     width: calc(100% - 10px);
     min-width: 120px;
     padding-left: 5px;