From ea7e44648bb6954f60b97792ec12797d50986fb5 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Wed, 6 May 2026 21:32:19 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20chart=20bars=20visible=20=E2=80=94=20use?=
 =?UTF-8?q?=20items-stretch=20+=20justify-end=20for=20correct=20height?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

items-end on parent prevents children from having height, making height:X%
resolve to 0. Switch to items-stretch so flex-1 wrappers get full h-40 height,
then justify-end aligns bars to the bottom.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 web/src/views/DashboardView.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/views/DashboardView.vue b/web/src/views/DashboardView.vue
index 50aed09..30596e9 100644
--- a/web/src/views/DashboardView.vue
+++ b/web/src/views/DashboardView.vue
@@ -191,11 +191,11 @@ const DOW_LABELS = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su']
             <p class="text-xs text-muted-foreground">No sessions in this period</p>
           </div>
           <!-- Chart -->
-          <div v-else class="h-40 flex items-end gap-px">
+          <div v-else class="h-40 flex items-stretch gap-px">
             <div
               v-for="point in monthly"
               :key="point.date"
-              class="flex-1 flex flex-col items-center group"
+              class="flex-1 flex flex-col justify-end items-center group"
               :title="`${point.date}: ${formatDuration(point.hours)}`"
             >
               <div
@@ -228,11 +228,11 @@ const DOW_LABELS = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su']
             <p class="text-xs text-muted-foreground">No sessions in this period</p>
           </div>
           <!-- Chart -->
-          <div v-else class="h-40 flex items-end gap-2">
+          <div v-else class="h-40 flex items-stretch gap-2">
             <div
               v-for="point in dow"
               :key="point.dow"
-              class="flex-1 flex flex-col items-center gap-1"
+              class="flex-1 flex flex-col justify-end items-center gap-1"
             >
               <div
                 class="w-full bg-primary/70 hover:bg-primary rounded-t transition-colors duration-150"