From 36cdcf175ace76b618f11fdb3c2ba8d4151a08b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?=
 <mateusz.gruszczynski@firma.interia.pl>
Date: Wed, 2 Jul 2025 12:57:38 +0200
Subject: [PATCH] ux i poprawki

---
 templates/list_guest.html | 30 +++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/templates/list_guest.html b/templates/list_guest.html
index 1511e16..3a0e8ad 100644
--- a/templates/list_guest.html
+++ b/templates/list_guest.html
@@ -9,9 +9,11 @@
 
 <ul id="items" class="list-group mb-3">
   {% for item in items %}
-    <li class="list-group-item bg-dark text-white d-flex align-items-center gap-2 flex-wrap" id="item-{{ item.id }}">
-      <input type="checkbox" {% if item.purchased %}checked{% endif %}>
-      <span id="name-{{ item.id }}">{{ item.name }}</span>
+    <li class="list-group-item bg-dark text-white d-flex justify-content-between align-items-center flex-wrap clickable-item" id="item-{{ item.id }}">
+      <div class="d-flex align-items-center gap-3 flex-grow-1">
+        <input type="checkbox" class="form-check-input large-checkbox" {% if item.purchased %}checked{% endif %}>
+        <span id="name-{{ item.id }}" class="flex-grow-1">{{ item.name }}</span>
+      </div>
     </li>
   {% endfor %}
 </ul>
@@ -25,6 +27,28 @@
 
 <script>
   setupList({{ list.id }}, 'Gość');
+
+  // Dodanie kliknięcia na cały wiersz
+  document.querySelectorAll('.clickable-item').forEach(item => {
+    item.addEventListener('click', function(e) {
+      // Ignoruj kliknięcia w input (żeby nie duplikować akcji)
+      if (e.target.tagName.toLowerCase() !== 'input') {
+        const checkbox = this.querySelector('input[type="checkbox"]');
+        checkbox.checked = !checkbox.checked;
+        checkbox.dispatchEvent(new Event('change'));
+      }
+    });
+  });
 </script>
 
+<style>
+  .large-checkbox {
+    width: 1.5em;
+    height: 1.5em;
+  }
+  .clickable-item {
+    cursor: pointer;
+  }
+</style>
+
 {% endblock %}