From 442847cbc6d8a6611fb3c22288b0d2dd8f88785f Mon Sep 17 00:00:00 2001
From: ToBinio <tobias.frischmann@proton.me>
Date: Thu, 7 May 2026 08:04:47 +0200
Subject: [PATCH] improve floating / pwa styling

---
 app/components/Nav/HorizontalNav.vue | 8 +++-----
 app/components/Todo/Todos.vue        | 2 +-
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/app/components/Nav/HorizontalNav.vue b/app/components/Nav/HorizontalNav.vue
index 2c72270..39fb57c 100644
--- a/app/components/Nav/HorizontalNav.vue
+++ b/app/components/Nav/HorizontalNav.vue
@@ -12,9 +12,9 @@
 			class="
 			bg-surface fixed bottom-0 flex h-12 w-dvw justify-between
 
-			floating:bottom-6
+			floating:bottom-6!
 			floating:max-w-[90vw]
-			floating:h-18
+			floating:h-18!
 			floating:items-center
 			floating:rounded-4xl
 			floating:border
@@ -22,9 +22,7 @@
 			floating:px-2
 			floating:shadow-2xl
 
-			pwa:bottom-12
-
-			floating:pwa:bottom-6
+			pwa:h-24
 			"
 		>
 			<div class="relativ -z-10 flex">
diff --git a/app/components/Todo/Todos.vue b/app/components/Todo/Todos.vue
index f512849..41e14d2 100644
--- a/app/components/Todo/Todos.vue
+++ b/app/components/Todo/Todos.vue
@@ -18,7 +18,7 @@
 <template>
 	<div class="flex justify-center" data-testid="todos-container">
 		<div
-			class="max-h-[calc(100dvh-5.75rem)] pwa:max-h-[calc(100dvh-8.75rem)] floating:max-h-[calc(100dvh-8.75rem)] w-dvw max-w-200 overflow-auto px-1 md:max-h-[calc(100dvh-2.5rem)] pb-1"
+			class="max-h-[calc(100dvh-5.75rem)] pwa:max-h-[calc(100dvh-8.75rem)] floating:max-h-[calc(100dvh-2.5rem)]! floating:pb-25  w-dvw max-w-200 overflow-auto px-1 md:max-h-[calc(100dvh-2.5rem)] pb-1"
 		>
 			<TransitionGroup
 				leave-to-class="max-h-0! opacity-0 scale-y-0"
-- 
2.51.2