From 897309a3b99f978a688b50c0979f3f81203ba0fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kha=C3=AFs=20COLIN?= <khais.colin@gmail.com>
Date: Sat, 25 Oct 2025 13:56:39 +0200
Subject: [PATCH] pleasing button layout, indicating that it is checked

---
 foods.db             | Bin 12288 -> 12288 bytes
 templates/food.html  |   8 ++++----
 templates/index.html |  17 +++++++++++++++++
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/foods.db b/foods.db
index 51e282b0a438edcb266f26615fade99281c582e4..9f2a85377b5944fb2e6566f7ce295e8f226fc6cb 100644
GIT binary patch
delta 147
zcmZojXh@hK%~&x}#+k8VW5QB-K^|X5-UIv_dGh(W_;&J#@}+MUQ&_^w!WYNDHhF`#
z_he4JP$7Ox22Sx*Mn=v6b{+=tKt@K!$>MUlGEA(>X$Hw@7O5%rzm37bfgMa4GftSi
sQ?Hp(W}>46XA~O`14uLD<P14;CMNdD^W~%_XUZEhvP_;UFU6Pw0F+=N-T(jq

delta 120
zcmZojXh@hK&FD5!#+lJ=W5QB-LGC|{ya)I<@#OP!@$KY`<NmW*OkoKx3%?};+vE+}
zhKwAOKj`LhMzZlRh^I0#a!iiXx0pO%ZWapz14HG+LLDw2H%1-?X<J4{&dCSlRVP2x
amg4kg;$e_>W#Z(Ryh~qe@?3c-#uNba0v~b!

diff --git a/templates/food.html b/templates/food.html
index c280ac3..0b2e1cf 100644
--- a/templates/food.html
+++ b/templates/food.html
@@ -21,17 +21,17 @@
       {% if loop.index as i32 <= food.target_servings %}
       <label class="ok">
         {% if loop.index as i32 <= food.actual_servings %}
-        <input type="checkbox" checked hx-post="/set/{{ food.id }}/to/{{ loop.index as i32 - 1}}" hx-target="#card-{{ food.id }}">
+        <input type="button" hx-post="/set/{{ food.id }}/to/{{ loop.index as i32 - 1}}" hx-target="#card-{{ food.id }}" value="●" class="checked">
         {% else %}
-        <input type="checkbox" hx-post="/set/{{ food.id }}/to/{{ loop.index as i32 }}" hx-target="#card-{{ food.id }}">
+        <input type="button" hx-post="/set/{{ food.id }}/to/{{ loop.index as i32 }}" hx-target="#card-{{ food.id }}" value="●" class="unchecked">
         {% endif %}
       </label>
       {% else %}
       <label class="bad">
         {% if loop.index as i32 <= food.actual_servings %}
-        <input type="checkbox" checked hx-post="/set/{{ food.id }}/to/{{ loop.index as i32 - 1}}" hx-target="#card-{{ food.id }}">
+        <input type="button" hx-post="/set/{{ food.id }}/to/{{ loop.index as i32 - 1}}" hx-target="#card-{{ food.id }}" value="●" class="checked">
         {% else %}
-        <input type="checkbox" hx-post="/set/{{ food.id }}/to/{{ loop.index as i32 }}" hx-target="#card-{{ food.id }}">
+        <input type="button" hx-post="/set/{{ food.id }}/to/{{ loop.index as i32 }}" hx-target="#card-{{ food.id }}" value="●" class="unchecked">
         {% endif %}
       </label>
       {% endif %}
diff --git a/templates/index.html b/templates/index.html
index 5893591..90dcc9d 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -132,5 +132,22 @@
     accent-color: hsl(from #cb8175 h 90% l);
     background-color: hsl(from #cb8175 h 60% l);
   }
+
+  input[type="button"] {
+    display: inline-block;
+    border: none;
+    width: 100%;
+    height: 100%;
+    background-color: inherit;
+    cursor: pointer;
+  }
+
+  .unchecked {
+    color: transparent;
+  }
+
+  input[type="button"]:hover {
+    background-color: beige;
+  }
   </style>
 </html>
\ No newline at end of file