From 87ca52a34b45e4311cf11946bb0691af0173d55f Mon Sep 17 00:00:00 2001
From: Sascha Wolf <sw@impict.de>
Date: Thu, 17 Sep 2026 13:51:09 +0200
Subject: [PATCH] fix(dashboard): Werte ueber dem hoechsten Balken nicht mehr
 abgeschnitten

Der Scroll-Container des Verlaufs (overflow-x-auto) schneidet auch oben ab.
Die Zahl ueber dem hoechsten Balken und die oberste Achsenbeschriftung
ragten darueber hinaus und waren nur halb zu sehen. Innenabstand oben
schafft Platz.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 src/components/dashboard/dashboardUi.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/dashboard/dashboardUi.tsx b/src/components/dashboard/dashboardUi.tsx
index edff80c..941254c 100644
--- a/src/components/dashboard/dashboardUi.tsx
+++ b/src/components/dashboard/dashboardUi.tsx
@@ -164,7 +164,12 @@ export const SeriesChart: React.FC<{ points: SeriesPoint[] }> = ({ points }) =>
         ))}
       </div>
 
-      <div ref={scrollRef} className="scrollbar-slim overflow-x-auto">
+      {/*
+        Oben Luft lassen: ein Container mit overflow-x schneidet auch senkrecht
+        ab, und sowohl die Zahl ueber dem hoechsten Balken als auch die oberste
+        Achsenbeschriftung ragen ueber die Diagrammflaeche hinaus.
+      */}
+      <div ref={scrollRef} className="scrollbar-slim overflow-x-auto pt-6">
         <div className="flex" style={{ minWidth: `${Math.max(520, points.length * 46)}px` }}>
           {/* Werteachse */}
           <div className="relative w-10 shrink-0" style={{ height: '260px' }}>