From 09b9b62d063f1ce6518a7348d57f2ce2d6cc91f7 Mon Sep 17 00:00:00 2001 From: Alexander Heldt Date: Mon, 31 Aug 2026 21:38:50 +0000 Subject: [PATCH] Move Ate down to the dialog row MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Pee and Poo take a row of their own and Ate joins Weigh-in and Note across the bottom, which regroups the panel by what a tap does rather than by what the event means: the bottom row is now exactly the three buttons that open a dialog to type a value, and the row above it exactly the two that log on one tap. Ate was the odd one out under the old split โ€” it sat with the pees and poos but behaved like a weigh-in. That hands the longest label in the app, "โš–๏ธ Weigh-in", a third-width button. The narrow-phone padding trim already in place was written for "๐Ÿฝ๏ธ Ate" in that slot and now serves Weigh-in instead; on a mid-size phone the label is close enough to the edge that it may wrap to two lines, which costs a little row height and nothing else. Shortening it to "Weight" is the fix if it does. The changelog entry describing the rows is corrected in place rather than answered with a second entry. The update banner diffs by entry text, so an edited entry is already surfaced as new to anyone coming from the previous build โ€” and one accurate description of the layout beats two entries whose combined reading is only correct if you apply them in order. --- src/changelog.json | 2 +- src/index.html | 17 ++++++++--------- src/style.css | 5 +++-- 3 files changed, 12 insertions(+), 12 deletions(-) diff --git a/src/changelog.json b/src/changelog.json index 739816e..f7f66ac 100644 --- a/src/changelog.json +++ b/src/changelog.json @@ -1,7 +1,7 @@ [ { "date": "2026-08-31", "text": "A sleep or walk pair is now tied together in the History log by a dotted rail down the side, in that pair's colour, running from the start row to the end row. Anything logged in between sits inside the bracket, so a pee taken on a walk reads as having happened during it. A pair still in progress, or one that ran over from yesterday, leaves its end of the rail open" }, { "date": "2026-08-31", "text": "Added walks: tap ๐Ÿฆฎ Walk start when you head out and ๐Ÿ Walk end when you get home, and the time in between is counted as exercise. The pair gets its own row under the sleep buttons. Today's total and the number of walks show in the overview, every walk of the day is listed in a new Walks section (with the age-based rule of thumb of about five minutes per month of age, twice a day), and the daily charts gain a โ€œWalks (minutes)โ€ bar chart once you have logged one. Like sleep, only the boundary that makes sense is tappable โ€” no walk running means Walk end is greyed out" }, - { "date": "2026-08-31", "text": "The Log event buttons are grouped into rows now instead of flowing into one grid: ๐Ÿ˜ด Sleep start and โฐ Sleep end side by side on their own row, then ๐Ÿฝ๏ธ Ate / ๐Ÿ’ง Pee / ๐Ÿ’ฉ Poo three across, then โš–๏ธ Weigh-in and ๐Ÿ“ Note. The two halves of a sleep pair can no longer end up split across a wrap, and no button is left stranded alone on the last row" }, + { "date": "2026-08-31", "text": "The Log event buttons are grouped into rows now instead of flowing into one grid: ๐Ÿ˜ด Sleep start and โฐ Sleep end side by side on their own row, then ๐Ÿ’ง Pee and ๐Ÿ’ฉ Poo, and last the three that ask for a value โ€” ๐Ÿฝ๏ธ Ate / โš–๏ธ Weigh-in / ๐Ÿ“ Note โ€” three across. The two halves of a sleep pair can no longer end up split across a wrap, and no button is left stranded alone on the last row" }, { "date": "2026-08-24", "text": "The timing charts now show the longest gap as well: each bar keeps its solid stretch from the shortest to the typical gap and fades on out to the longest one of the week. To stop the nightly long gap from squashing the daytime range into a sliver, the bars are stretched so the typical gap always sits dead centre โ€” left of the middle is sooner than usual, right of it is longer, in every row" }, { "date": "2026-08-24", "text": "Each row of the timing panel is now a small chart instead of a number: the band spans the shortest to the typical gap over the last 7 days, and the marker is how long it has been since the last one. Inside the band means there is time yet, off the right-hand end means the puppy is due โ€” and a row with only one event so far says so instead of drawing an empty axis" }, { "date": "2026-08-24", "text": "The timing panel now covers meals too โ€” typical and shortest time between them, alongside the pee and poo gaps โ€” so you can see the feeding rhythm the same way. It is titled just โ€œTimingโ€ now that it is no longer only about bathroom breaks" }, diff --git a/src/index.html b/src/index.html index 16ca881..cb0c7fc 100644 --- a/src/index.html +++ b/src/index.html @@ -108,12 +108,11 @@

Log event

- +
@@ -123,12 +122,12 @@
-
- +
-
+
+
diff --git a/src/style.css b/src/style.css index 7af3cdf..2a481b4 100644 --- a/src/style.css +++ b/src/style.css @@ -184,8 +184,9 @@ body::before { } /* Keep the single row intact on narrow phones. */ @media (max-width: 370px) { - /* Three columns leave ~55px of text room on the narrowest phones; trimming - the side padding keeps "๐Ÿฝ๏ธ Ate" on one line instead of wrapping. */ + /* Three columns leave ~55px of text room on the narrowest phones, and + "โš–๏ธ Weigh-in" is the longest label in the app; trimming the side padding + buys it back a little room before it has to wrap to two lines. */ .action-row.three-up button { padding-left: 6px; padding-right: 6px; } .day-bar { gap: 4px; } .day-bar button:not(.bar-clock) { padding: 8px 7px; }