From 36b189c689c4cf2154bed45b10463b8ffd761938 Mon Sep 17 00:00:00 2001
From: Stef <stbuwalda@gmail.com>
Date: Sun, 29 Jun 2025 09:45:45 +0200
Subject: [PATCH] Update food item templates for clarity and styling

Changed table heading in food_items.html to indicate values are per 100g/100ml and applied 'bg-body-tertiary' class to table cells for improved readability. Updated add_food_item.html to use 'form-control-plaintext' for the readonly barcode field for better display consistency.
---
 application/admin/templates/food_items.html | 18 +++++++++---------
 application/templates/add_food_item.html    |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/application/admin/templates/food_items.html b/application/admin/templates/food_items.html
index b3a240f..2ee2348 100644
--- a/application/admin/templates/food_items.html
+++ b/application/admin/templates/food_items.html
@@ -6,7 +6,7 @@ Food Nutritional Info
 
 {% block content %}
 <div class="container mt-5">
-    <h1 class="mb-4">Food Nutritional Information (per 100g)</h1>
+    <h1 class="mb-4">Food Nutritional Information (per 100g/100ml)</h1>
     <div class="table-responsive">
         <table class="table table-bordered table-hover align-middle">
             <thead class="table-dark">
@@ -24,14 +24,14 @@ Food Nutritional Info
             <tbody>
                 {% for food in items %}
                 <tr>
-                    <td>{{ food.name }}</td>
-                    <td>{{ food.energy_100g }}</td>
-                    <td>{{ food.fats_100g }}</td>
-                    <td>{{ food.saturated_fats_100g }}</td>
-                    <td>{{ food.sugar_100g }}</td>
-                    <td>{{ food.carbs_100g }}</td>
-                    <td>{{ food.protein_100g }}</td>
-                    <td>
+                    <td class="bg-body-tertiary">{{ food.name }}</td>
+                    <td class="bg-body-tertiary">{{ food.energy_100g }}</td>
+                    <td class="bg-body-tertiary">{{ food.fats_100g }}</td>
+                    <td class="bg-body-tertiary">{{ food.saturated_fats_100g }}</td>
+                    <td class="bg-body-tertiary">{{ food.sugar_100g }}</td>
+                    <td class="bg-body-tertiary">{{ food.carbs_100g }}</td>
+                    <td class="bg-body-tertiary">{{ food.protein_100g }}</td>
+                    <td class="bg-body-tertiary">
                         <form method="POST" action="{{ url_for('admin.delete_food', id=food.id) }}"
                             onsubmit="return confirm('Are you sure you want to delete this item?');">
                             <button type="submit" class="btn btn-danger btn-sm">Delete</button>
diff --git a/application/templates/add_food_item.html b/application/templates/add_food_item.html
index c00b17d..8439fdb 100644
--- a/application/templates/add_food_item.html
+++ b/application/templates/add_food_item.html
@@ -6,7 +6,7 @@
 
     <div class="mb-3">
         {{ form.barcode.label(class="form-label") }}
-        {{ form.barcode(class="form-control", readonly=true, style="background-color: #e9ecef; cursor: not-allowed;") }}
+        {{ form.barcode(class="form-control-plaintext", readonly=true) }}
     </div>
 
     <div class="mb-3">