From 658764fb589e9e01623db7bc213ca9ab9e417ae0 Mon Sep 17 00:00:00 2001
From: Lars Kiesow <lkiesow@uos.de>
Date: Mon, 7 Apr 2025 01:38:14 +0200
Subject: [PATCH] Prevent UI overlaps in lodging card

This patch prevents overlapping UI eelements in the ledging card. It
adjusts the UI to be more like the adventure cards when it comes to font
size and element placing.

This partly fixes #539
---
 .../src/lib/components/LodgingCard.svelte     | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/frontend/src/lib/components/LodgingCard.svelte b/frontend/src/lib/components/LodgingCard.svelte
index a7bd34c..bb7b6db 100644
--- a/frontend/src/lib/components/LodgingCard.svelte
+++ b/frontend/src/lib/components/LodgingCard.svelte
@@ -96,20 +96,15 @@
 >
 	<div class="card-body space-y-4">
 		<!-- Title and Type -->
-		<div class="flex items-center justify-between">
-			<h2 class="card-title text-lg font-semibold truncate">{lodging.name}</h2>
-			<div class="flex items-center gap-2">
-				<div class="badge badge-secondary">
-					{$t(`lodging.${lodging.type}`) + ' ' + getLodgingIcon(lodging.type)}
-				</div>
-				<!-- {#if hotel.type == 'plane' && hotel.flight_number}
-					<div class="badge badge-neutral-200">{hotel.flight_number}</div>
-				{/if} -->
+		<h2 class="text-2xl font-semibold">{lodging.name}</h2>
+		<div>
+			<div class="badge badge-secondary">
+				{$t(`lodging.${lodging.type}`) + ' ' + getLodgingIcon(lodging.type)}
 			</div>
+			{#if unlinked}
+				<div class="badge badge-error">{$t('adventures.out_of_range')}</div>
+			{/if}
 		</div>
-		{#if unlinked}
-			<div class="badge badge-error">{$t('adventures.out_of_range')}</div>
-		{/if}
 
 		<!-- Location -->
 		<div class="space-y-2">