From 883f76e488289ac940095f59163f58bdf6538fe8 Mon Sep 17 00:00:00 2001
From: robin <robin@fluffigewolke.de>
Date: Mon, 19 Jan 2026 23:23:28 +0100
Subject: [PATCH] fix: Restore logout button, hide DramOfTheDay on mobile

- Keep logout button in header (user feedback)
- Hide DramOfTheDay on mobile to save space (hidden sm:block)
- Keep responsive flex-wrap and reduced gaps
---
 src/app/page.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index dea1b27..2128f48 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -214,13 +214,14 @@ export default function Home() {
                             <div className="hidden sm:block">
                                 <LanguageSwitcher />
                             </div>
-                            <DramOfTheDay bottles={bottles} />
+                            <div className="hidden sm:block">
+                                <DramOfTheDay bottles={bottles} />
+                            </div>
                             <button
-                                onClick={() => router.push('/settings')}
-                                className="p-2 text-zinc-500 hover:text-white transition-colors"
-                                aria-label="Settings"
+                                onClick={handleLogout}
+                                className="text-[9px] font-bold uppercase tracking-widest text-zinc-600 hover:text-white transition-colors whitespace-nowrap"
                             >
-                                <Settings size={18} />
+                                {t('home.logout')}
                             </button>
                         </div>
                     </div>