Move Ate down to the dialog row

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/index.html

@@ -108,12 +108,11 @@
 
       <section class="quick-actions">
         <h2>Log event</h2>
-        <!-- Explicit rows, grouped by what the buttons mean, rather than one
-             auto-fit grid: a start/end pair has to stay side by side at every
-             width (a flat grid split them apart at some column counts, and
-             orphaned the last button on a row of its own). A row per timed
-             pair, then the one-tap moments, then the two that open a dialog
-             to type a value. -->
+        <!-- Explicit rows rather than one auto-fit grid: a start/end pair has
+             to stay side by side at every width (a flat grid split them apart
+             at some column counts, and orphaned the last button on a row of
+             its own). A row per timed pair, then the two one-tap moments, and
+             last the three that open a dialog to type a value. -->
         <div class="actions">
           <div class="action-row">
             <button class="action sleep" data-type="sleep-start">😴 Sleep start</button>
@@ -123,12 +122,12 @@
             <button class="action walk" data-type="walk-start">🦮 Walk start</button>
             <button class="action walk" data-type="walk-end">🏁 Walk end</button>
           </div>
-          <div class="action-row three-up">
-            <button class="action eat" data-type="eat">🍽️ Ate</button>
+          <div class="action-row">
             <button class="action pee" data-type="pee">💧 Pee</button>
             <button class="action poo" data-type="poo">💩 Poo</button>
           </div>
-          <div class="action-row">
+          <div class="action-row three-up">
+            <button class="action eat" data-type="eat">🍽️ Ate</button>
             <button class="action weight" data-type="weight">⚖️ Weigh-in</button>
             <button class="action note" data-type="note">📝 Note</button>
           </div>