From d3cc36f8363d5e933f474215be7c4ee6ab339d51 Mon Sep 17 00:00:00 2001
From: Ushie <ushiekane@gmail.com>
Date: Fri, 6 Jun 2025 02:41:59 +0300
Subject: [PATCH] fix: Archived date padding for mobile and minor cleanup

---
 src/layout/Navbar/NavHost.svelte            | 10 ++++++----
 src/routes/announcements/[slug]/Date.svelte |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/layout/Navbar/NavHost.svelte b/src/layout/Navbar/NavHost.svelte
index 8925bfa..eea1433 100644
--- a/src/layout/Navbar/NavHost.svelte
+++ b/src/layout/Navbar/NavHost.svelte
@@ -91,11 +91,13 @@
 					</ul>
 				</div>
 				<div id="secondary-navigation">
-					<span class:selected={modals.settings}>
-						<button on:click={() => (modals.settings = !modals.settings)} aria-label="Settings">
+						<button
+							on:click={() => (modals.settings = !modals.settings)}
+							class:selected={modals.settings}
+							aria-label="Settings"
+						>
 							<Cog size="20px" color={modals.settings ? 'var(--primary)' : 'var(--surface-six)'} />
 						</button>
-					</span>
 				</div>
 			</div>
 		</div>
@@ -124,7 +126,7 @@
 	#secondary-navigation {
 		display: flex;
 
-		span {
+		button {
 			border-radius: 10px;
 			padding: 10px 16px;
 
diff --git a/src/routes/announcements/[slug]/Date.svelte b/src/routes/announcements/[slug]/Date.svelte
index d5ee3c0..2cb6a16 100644
--- a/src/routes/announcements/[slug]/Date.svelte
+++ b/src/routes/announcements/[slug]/Date.svelte
@@ -45,7 +45,7 @@
 		display: inline-flex;
 		flex-wrap: wrap;
 		align-items: center;
-		gap: 1rem;
+		column-gap: 1rem;
 	}
 
 	input {