From b697ce225ec3ac5878fdb252ad540efdc37dacc7 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Mon, 18 Dec 2023 22:50:45 -0800
Subject: fix(layout): mobile hover header

---
 src/routes/+layout.svelte | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

(limited to 'src/routes')

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index af1ce9ed..ee826f28 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -42,6 +42,8 @@
 			{:else}
 				<a href="/api/authentication/log-out">Log out ({currentUserIdentity.name})</a>
 			{/if}
+
+			<p />
 		</div>
 	{:else}
 		<div id="header">
@@ -71,14 +73,15 @@
 			</p>
 
 			<div id="mobile-navigation-bar">
-				<a href="/">Home</a> • <a href="/completed">Completed</a> • <a href="/tools">Tools</a>
+				<a href="/">Home</a> • <a href="/completed">Completed</a> •
+				<a href="/schedule">Anime Schedule</a> •
+				<a href="/updates">Manga & LN Updates</a> •
+				<a href="/tools">Tools</a> •
 				{#if data.user}
-					• <a href={`/user/${currentUserIdentity.name}`}>Profile</a>
+					<a href={`/user/${currentUserIdentity.name}`}>Profile</a> •
 				{/if}
 				<br />
 				<a href="/settings">Settings</a>
-				<a href="/updates">Manga & LN Updates</a> •
-				<a href="/schedule">Anime Schedule</a>
 
 				<p />
 			</div>
@@ -144,7 +147,10 @@
 
 	@media (max-width: 640px) {
 		#hover-header {
-			font-size: 5vw;
+			opacity: 1;
+			position: unset;
+			padding: 0;
+			/* font-size: 5vw; */
 		}
 	}
 
-- 
cgit v1.2.3