From 5321f068205fdb4189e8aefe157fbab902c8ff1e Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Fri, 13 Feb 2026 10:08:58 +0100
Subject: [PATCH] style: Widen header time inputs to prevent text cutoff

---
 src/components/WeeklyView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 62ab8fe..4ab8481 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -1424,7 +1424,7 @@ export default function WeeklyView() {
                                     max={endHour - 1}
                                     value={startHour}
                                     onChange={(e) => setStartHour(Math.max(0, Math.min(parseInt(e.target.value) || 0, endHour - 1)))}
-                                    className="w-8 p-0.5 border border-gray-200 rounded text-center bg-transparent focus:outline-none focus:border-teal-500"
+                                    className="w-12 p-0.5 border border-gray-200 rounded text-center bg-transparent focus:outline-none focus:border-teal-500"
                                 />
                                 <span>-</span>
                                 <input
@@ -1433,7 +1433,7 @@ export default function WeeklyView() {
                                     max="24"
                                     value={endHour}
                                     onChange={(e) => setEndHour(Math.max(startHour + 1, Math.min(parseInt(e.target.value) || 24, 24)))}
-                                    className="w-8 p-0.5 border border-gray-200 rounded text-center bg-transparent focus:outline-none focus:border-teal-500"
+                                    className="w-12 p-0.5 border border-gray-200 rounded text-center bg-transparent focus:outline-none focus:border-teal-500"
                                 />
                             </div>
                         </div>