From 6b12820592c50906b6bed69c993e1b7c0537fec0 Mon Sep 17 00:00:00 2001
From: Alexander Heldt <me@alexanderheldt.se>
Date: Mon, 13 Jul 2026 20:56:12 +0000
Subject: [PATCH] Pin the timer left in the day bar with the slack before the
 day controls

---
 src/style.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/style.css b/src/style.css
index 40732de..8ad64b3 100644
--- a/src/style.css
+++ b/src/style.css
@@ -143,11 +143,12 @@ body::before {
   display: flex;
   gap: 8px;
   align-items: center;
+  justify-content: flex-end;
   flex-wrap: wrap;
   padding: 8px 10px;
 }
 .day-bar input[type="date"] {
-  flex: 1;
+  flex: 0 1 auto;
   min-width: 0;
   font-variant-numeric: tabular-nums;
 }
@@ -163,6 +164,7 @@ body::before {
   display: flex;
   align-items: center;
   gap: 8px;
+  margin-right: auto; /* pin left; the flexible gap sits between it and the day controls */
   padding: 8px 16px;
   border-radius: 999px;
   font-weight: 700;