From 9fdc552fa90dd1372ff36534995b5c057e871e59 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Fri, 23 Jan 2026 02:14:40 -0800
Subject: refactor(layout): Replace empty p elements with reusable Spacer
 component

---
 src/lib/User/BadgeWall/AWC.svelte          | 5 +++--
 src/lib/User/BadgeWall/BadgePreview.svelte | 7 ++++---
 src/lib/User/BadgeWall/Badges.svelte       | 5 +++--
 3 files changed, 10 insertions(+), 7 deletions(-)

(limited to 'src/lib/User/BadgeWall')

diff --git a/src/lib/User/BadgeWall/AWC.svelte b/src/lib/User/BadgeWall/AWC.svelte
index 49431494..8d340282 100644
--- a/src/lib/User/BadgeWall/AWC.svelte
+++ b/src/lib/User/BadgeWall/AWC.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import Spacer from '$lib/Layout/Spacer.svelte';
   import type { AWCBadgesGroup } from '$lib/Data/awc';
   import { cdn, thumbnail } from '$lib/Utility/image';
   import type { Preferences } from '../../../graphql/$types';
@@ -72,7 +73,7 @@
               {group.group}
             </summary>
 
-            <p></p>
+            <Spacer />
 
             <div class="badges">
               {#each group.badges as badge, index}
@@ -92,7 +93,7 @@
             </div>
           </details>
 
-          <p></p>
+          <Spacer />
         {/each}
       {/if}
     {/await}
diff --git a/src/lib/User/BadgeWall/BadgePreview.svelte b/src/lib/User/BadgeWall/BadgePreview.svelte
index c15ecd52..46aa2d46 100644
--- a/src/lib/User/BadgeWall/BadgePreview.svelte
+++ b/src/lib/User/BadgeWall/BadgePreview.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import Spacer from '$lib/Layout/Spacer.svelte';
   import { thumbnail } from '$lib/Utility/image';
   import type { Badge } from '$lib/Database/SB/User/badges';
   import { cdn } from '$lib/Utility/image';
@@ -115,7 +116,7 @@
           </a>
         </div>
 
-        <p></p>
+        <Spacer />
       {/if}
     </div>
 
@@ -124,7 +125,7 @@
         {$locale().dateFormatter(databaseTimeToDate(selectedBadge.time))}
 
         {#if (selectedBadge.designer || selectedBadge.source || selectedBadge.post) && !selectedBadge.description}
-          <p></p>
+          <Spacer />
         {:else if selectedBadge.description}
           <br />
         {/if}
@@ -133,7 +134,7 @@
       {#if selectedBadge.description}
         {selectedBadge.description}
 
-        <p></p>
+        <Spacer />
       {/if}
 
       {#if selectedBadge.designer}
diff --git a/src/lib/User/BadgeWall/Badges.svelte b/src/lib/User/BadgeWall/Badges.svelte
index 9bc213f8..e7e1e9f3 100644
--- a/src/lib/User/BadgeWall/Badges.svelte
+++ b/src/lib/User/BadgeWall/Badges.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import Spacer from '$lib/Layout/Spacer.svelte';
   import LinkedTooltip from '$lib/Tooltip/LinkedTooltip.svelte';
   import tooltip from '$lib/Tooltip/tooltip';
   import locale from '$stores/locale';
@@ -36,7 +37,7 @@
   <details open={categoryFilter ? categoryFilter === category : true}>
     <summary>{category}</summary>
 
-    <p></p>
+    <Spacer />
 
     <div class="badges">
       {#each badges as badge}
@@ -93,6 +94,6 @@
   </details>
 
   {#if groupedBadges[groupedBadges.length - 1][0] !== category}
-    <p></p>
+    <Spacer />
   {/if}
 {/each}
-- 
cgit v1.2.3