From 0f5aa18efefdc99b147a5544e915e02d3f3ac3b2 Mon Sep 17 00:00:00 2001
From: R0m1k3 <michaelschal@gmail.com>
Date: Thu, 5 Feb 2026 15:35:43 +0100
Subject: [PATCH] style: fix mobile layout, sidebar contrast, and button hover
 states

---
 web/src/components/Sidebar.tsx  | 2 +-
 web/src/index.css               | 2 +-
 web/src/pages/DashboardPage.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/Sidebar.tsx b/web/src/components/Sidebar.tsx
index 85d5515..ab8f3e0 100644
--- a/web/src/components/Sidebar.tsx
+++ b/web/src/components/Sidebar.tsx
@@ -65,7 +65,7 @@ export function Sidebar({ onSelectFeed, selectedFeedId }: SidebarProps) {
 
     return (
         <>
-            <aside className="w-72 bg-carbon/60 backdrop-blur-xl border-r border-earth/10 h-screen flex flex-col z-20">
+            <aside className="w-72 hidden md:flex bg-carbon-dark/40 backdrop-blur-xl border-r border-earth/10 h-screen flex-col z-20">
                 <div className="p-8 pb-4">
                     <div className="flex items-center justify-between mb-8">
 
diff --git a/web/src/index.css b/web/src/index.css
index 225660b..7c0dae6 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -35,7 +35,7 @@
     min-height: 100vh;
     border-top: 4px solid var(--color-nature);
     /* Editorial Touch */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.12'/%3E%3C/svg%3E");
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.2'/%3E%3C/svg%3E");
     background-blend-mode: multiply;
     background-repeat: repeat;
   }
diff --git a/web/src/pages/DashboardPage.tsx b/web/src/pages/DashboardPage.tsx
index 1de8104..3187bec 100644
--- a/web/src/pages/DashboardPage.tsx
+++ b/web/src/pages/DashboardPage.tsx
@@ -124,7 +124,7 @@ export function DashboardPage({ selectedFeedId }: DashboardPageProps) {
                             <button
                                 onClick={() => refreshMutation.mutate()}
                                 disabled={refreshMutation.isPending}
-                                className={`text-[10px] uppercase tracking-[0.2em] font-bold px-6 py-2.5 rounded-full border border-gold/30 text-gold hover:bg-gold hover:text-black transition-all duration-300 ${refreshMutation.isPending ? 'animate-pulse opacity-50' : 'hover:shadow-lg hover:shadow-gold/20'}`}
+                                className={`text-[10px] uppercase tracking-[0.2em] font-bold px-6 py-2.5 rounded-full border border-gold/30 text-gold hover:bg-nature hover:text-white hover:border-nature transition-all duration-300 ${refreshMutation.isPending ? 'animate-pulse opacity-50' : 'hover:shadow-lg hover:shadow-nature/20'}`}
                             >
                                 {refreshMutation.isPending ? 'Mise à jour...' : 'Mettre à jour'}
                             </button>