From c4f582e35b51345c88d2d6bc6316733b5bacb28a Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Thu, 20 Feb 2025 14:38:10 -0800
Subject: [PATCH] Fixed proof form styling in checklist (#3278)

---
 .../src/components/ui/ModerationChecklist.vue  | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/apps/frontend/src/components/ui/ModerationChecklist.vue b/apps/frontend/src/components/ui/ModerationChecklist.vue
index 41d2bc196..2b1743355 100644
--- a/apps/frontend/src/components/ui/ModerationChecklist.vue
+++ b/apps/frontend/src/components/ui/ModerationChecklist.vue
@@ -46,10 +46,12 @@
         <div v-else-if="!modPackData[modPackIndex]">
           <p>All permission checks complete!</p>
           <div class="input-group modpack-buttons">
-            <button class="btn" @click="modPackIndex -= 1">
-              <LeftArrowIcon aria-hidden="true" />
-              Previous
-            </button>
+            <ButtonStyled>
+              <button @click="modPackIndex -= 1">
+                <LeftArrowIcon aria-hidden="true" />
+                Previous
+              </button>
+            </ButtonStyled>
           </div>
         </div>
         <div v-else>
@@ -68,8 +70,10 @@
                 {{ option.name }}
               </button>
             </div>
-            <template v-if="modPackData[modPackIndex].status !== 'unidentified'">
-              <div class="universal-labels"></div>
+            <div
+              v-if="modPackData[modPackIndex].status !== 'unidentified'"
+              class="flex flex-col gap-1"
+            >
               <label for="proof">
                 <span class="label__title">Proof</span>
               </label>
@@ -100,7 +104,7 @@
                 autocomplete="off"
                 placeholder="Enter title of project..."
               />
-            </template>
+            </div>
           </div>
           <div v-else-if="modPackData[modPackIndex].type === 'flame'">
             <p>