From b8aa96b5b364f8b131ec92d0615ba741f48261da Mon Sep 17 00:00:00 2001
From: Lars Kiesow <lkiesow@uos.de>
Date: Fri, 18 Apr 2025 16:35:02 +0200
Subject: [PATCH] Improve overlapping on navbar on mobile devices

This patch makes it less likely for elements of the navigation bar to
overlap each other on mobile devices. It also makes spacing a bit more
homogeneous.

The patch basically just adjust some spacing as and hides the map icon
on mobile devices.
---
 frontend/src/lib/components/Navbar.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/Navbar.svelte b/frontend/src/lib/components/Navbar.svelte
index 5de5971..61e65c1 100644
--- a/frontend/src/lib/components/Navbar.svelte
+++ b/frontend/src/lib/components/Navbar.svelte
@@ -179,8 +179,9 @@
 				{/if}
 			</ul>
 		</div>
-		<a class="btn btn-ghost text-2xl font-bold tracking-normal" href="/">
-			AdventureLog <img src="/favicon.png" alt="Map Logo" class="w-10" />
+		<a class="btn btn-ghost p-0 text-2xl font-bold tracking-normal" href="/">
+			AdventureLog
+			<img src="/favicon.png" alt="Map Logo" class="w-10 md:inline hidden" />
 		</a>
 	</div>
 	<div class="navbar-center hidden lg:flex">
@@ -265,7 +266,7 @@
 			<Avatar user={data.user} />
 		{/if}
 		<div class="dropdown dropdown-bottom dropdown-end">
-			<div tabindex="0" role="button" class="btn m-1 ml-4">
+			<div tabindex="0" role="button" class="btn m-1 p-2">
 				<DotsHorizontal class="w-6 h-6" />
 			</div>
 			<!-- svelte-ignore a11y-no-noninteractive-tabindex -->