From 670ff4768f5bab3ab15e5ffa411cc6ab66f86801 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?= <gru@macbook.net.r.local>
Date: Thu, 3 Jul 2025 23:07:04 +0200
Subject: [PATCH] zmiany ux

---
 app.py                    |  3 ++-
 templates/list_guest.html | 16 +++++++++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/app.py b/app.py
index 57da84e..9ab7c03 100644
--- a/app.py
+++ b/app.py
@@ -303,7 +303,7 @@ def upload_receipt(list_id):
         file_path = os.path.join(app.config['UPLOAD_FOLDER'], f"list_{list_id}_{filename}")
 
         img = Image.open(file)
-        img.thumbnail((800, 800))
+        img.thumbnail((2000, 2000))
         img.save(file_path)
 
         flash('Wgrano paragon', 'success')
@@ -319,6 +319,7 @@ def uploaded_file(filename):
     response.headers.pop('Pragma', None)
     return response
 
+# chyba do usuniecia przeniesione na eventy socket.io
 @app.route('/update-note/<int:item_id>', methods=['POST'])
 def update_note(item_id):
     item = Item.query.get_or_404(item_id)
diff --git a/templates/list_guest.html b/templates/list_guest.html
index 93b8ef8..01b7fbf 100644
--- a/templates/list_guest.html
+++ b/templates/list_guest.html
@@ -50,7 +50,7 @@
 <h5>📤 Dodaj zdjęcie paragonu</h5>
 <form action="{{ url_for('upload_receipt', list_id=list.id) }}" method="post" enctype="multipart/form-data">
   <div class="input-group mb-2">
-    <input type="file" name="receipt" accept="image/*" capture="environment" class="form-control" id="receiptInput">
+    <input type="file" name="receipt" accept="image/*" capture="environment" class="form-control custom-file-input" id="receiptInput">
     <button type="submit" class="btn btn-success">➕ Wgraj</button>
   </div>
 </form>
@@ -97,5 +97,19 @@
   .bg-light {
     background-color: #2c2f33 !important;
   }
+
+  input[type="file"]::file-selector-button {
+    background-color: #28a745;   /* Zielony */
+    color: #fff;
+    border: none;
+    padding: 0.5em 1em;
+    border-radius: 4px;
+    font-weight: bold;
+    cursor: pointer;
+    transition: background 0.2s;
+  }
+  input[type="file"]::file-selector-button:hover {
+    background-color: #218838;
+  }
 </style>
 {% endblock %}