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/List/Anime/CleanAnimeList.svelte    | 3 ++-
 src/lib/List/Anime/UpcomingAnimeList.svelte | 3 ++-
 src/lib/List/Manga/CleanMangaList.svelte    | 5 +++--
 3 files changed, 7 insertions(+), 4 deletions(-)

(limited to 'src/lib/List')

diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index 5130cc2a..1a3cd7cc 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import Spacer from '$lib/Layout/Spacer.svelte';
   /* eslint svelte/no-at-html-tags: "off" */
 
   import settings from '$stores/settings';
@@ -159,7 +160,7 @@
     {/each}
   </select>
 
-  <p></p>
+  <Spacer />
 {/if}
 
 {#if $settings.displayCoverModeAnime}
diff --git a/src/lib/List/Anime/UpcomingAnimeList.svelte b/src/lib/List/Anime/UpcomingAnimeList.svelte
index f22291f2..4f285b47 100644
--- a/src/lib/List/Anime/UpcomingAnimeList.svelte
+++ b/src/lib/List/Anime/UpcomingAnimeList.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import Spacer from '$lib/Layout/Spacer.svelte';
   import { mediaListCollection, Type, type Media } from '$lib/Data/AniList/media';
   import type { AniListAuthorisation } from '$lib/Data/AniList/identity';
   import { onMount } from 'svelte';
@@ -94,7 +95,7 @@
 />
 
 {#if $settings.displayPlannedAnime}
-  <p></p>
+  <Spacer />
 
   <AnimeList
     {endTime}
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index 290646a5..a4159dfa 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import Spacer from '$lib/Layout/Spacer.svelte';
   import type { Media } from '$lib/Data/AniList/media';
   import Error from '$lib/Error/RateLimited.svelte';
   import { volumeCount } from '$lib/Media/Manga/volumes';
@@ -124,7 +125,7 @@
 
 {#if media.length === 0 && !rateLimited}
   {#if rateLimited}
-    <p></p>
+    <Spacer />
   {/if}
 
   <p>
@@ -149,7 +150,7 @@
     {/each}
   </select>
 
-  <p></p>
+  <Spacer />
 {/if}
 
 {#if $settings.displayCoverModeManga || dummy}
-- 
cgit v1.2.3