zmiany w funkcja oraz UX

templates/admin/admin_panel.html

@@ -7,7 +7,7 @@
   <a href="/" class="btn btn-outline-secondary">← Powrót do strony głównej</a>
 </div>
 
-<div class="card bg-dark text-white mb-4">
+<div class="card bg-secondary bg-opacity-10 text-white mb-4">
   <div class="card-body p-2">
     <div class="d-flex flex-wrap gap-2">
       <a href="{{ url_for('list_users') }}" class="btn btn-outline-light btn-sm">👥 Użytkownicy</a>

templates/admin/edit_list.html

@@ -7,7 +7,7 @@
   <a href="{{ url_for('admin_panel') }}" class="btn btn-outline-secondary">← Powrót do panelu</a>
 </div>
 
-<div class="card bg-dark text-white mb-5">
+<div class="card bg-secondary bg-opacity-10 text-white mb-5">
   <div class="card-body">
     <h4 class="card-title">📄 Podstawowe informacje</h4>
     <form method="post" class="mt-3">
@@ -123,7 +123,7 @@
   </div>
 </div>
 
-<div class="card bg-dark text-white mb-5">
+<div class="card bg-secondary bg-opacity-10 text-white mb-5">
   <div class="card-body">
     <h4 class="card-title">📝 Produkty</h4>
 
@@ -226,7 +226,7 @@
   </div>
 </div>
 
-<div class="card bg-dark text-white mb-5">
+<div class="card bg-secondary bg-opacity-10 text-white mb-5">
   <div class="card-body">
     <h4 class="card-title">🧾 Paragony</h4>
 
@@ -239,25 +239,27 @@
     <div class="row g-3">
       {% for r in receipts %}
       <div class="col-6 col-md-4 col-lg-3">
-        <div class="card bg-dark text-white h-100">
-          <a href="{{ url_for('uploaded_file', filename=r.filename) }}" class="glightbox" data-gallery="receipts"
-            data-title="{{ r.filename }}">
-            <img src="{{ url_for('uploaded_file', filename=r.filename) }}" class="card-img-top"
-              style="object-fit: cover; height: 200px;">
+        <div class="card bg-dark text-white h-100 shadow-sm border border-secondary">
+          <a href="{{ url_for('uploaded_file', filename=r.filename) }}?v={{ r.version_token or '0' }}" class="glightbox"
+            data-gallery="receipts" data-title="{{ r.filename }}">
+            <img src="{{ url_for('uploaded_file', filename=r.filename) }}?v={{ r.version_token or '0' }}"
+              class="card-img-top" style="object-fit: cover; height: 200px;" title="{{ r.filename }}">
           </a>
-          <div class="card-body text-center">
-            <p class="small text-truncate mb-1">{{ r.filename }}</p>
-            <p class="small mb-1">Wgrano: {{ r.uploaded_at.strftime('%Y-%m-%d %H:%M') }}</p>
-            <p class="small mb-1">
-              Uploader: {{ r.uploaded_by_user.username if r.uploaded_by_user else "?" }}
-            </p>
-            {% if r.filesize and r.filesize >= 1024 * 1024 %}
-            <p class="small mb-1">Rozmiar: {{ (r.filesize / 1024 / 1024) | round(2) }} MB</p>
-            {% elif r.filesize %}
-            <p class="small mb-1">Rozmiar: {{ (r.filesize / 1024) | round(1) }} kB</p>
-            {% else %}
-            <p class="small mb-1 text-muted">Brak danych o rozmiarze</p>
-            {% endif %}
+
+          <div class="card-body text-center p-2 small">
+            <div class="text-truncate fw-semibold" title="{{ r.filename }}">📄 {{ r.filename }}</div>
+            <div>📅 {{ r.uploaded_at.strftime('%Y-%m-%d %H:%M') }}</div>
+            <div>👤 {{ r.uploaded_by_user.username if r.uploaded_by_user else "?" }}</div>
+            <div>
+              💾
+              {% if r.filesize and r.filesize >= 1024 * 1024 %}
+              {{ (r.filesize / 1024 / 1024) | round(2) }} MB
+              {% elif r.filesize %}
+              {{ (r.filesize / 1024) | round(1) }} kB
+              {% else %}
+              Brak danych
+              {% endif %}
+            </div>
           </div>
         </div>
       </div>

templates/admin/list_products.html

@@ -7,7 +7,7 @@
   <a href="{{ url_for('admin_panel') }}" class="btn btn-outline-secondary">← Powrót do panelu</a>
 </div>
 
-<div class="card bg-dark text-white mb-4">
+<div class="card bg-secondary bg-opacity-10 text-white mb-4">
   <div class="card-body">
 
     <!-- Formularz dodawania sugestii -->

templates/admin/mass_edit_categories.html

@@ -3,92 +3,102 @@
 {% block content %}
 
 <div class="d-flex justify-content-between align-items-center flex-wrap mb-4">
-    <h2 class="mb-2">🗂 Masowa edycja kategorii list</h2>
+    <h2 class="mb-2">🗂 Masowa edycja kategorii</h2>
     <div>
         <a href="{{ url_for('admin_panel') }}" class="btn btn-outline-secondary">← Powrót do panelu</a>
     </div>
 </div>
-<div class="alert alert-warning border-warning text-dark" role="alert">
-    <strong>Uwaga!</strong> Przypisanie więcej niż jednej kategorii do listy może zaburzyć
-    poprawne zliczanie wydatków, ponieważ wydatki tej listy będą jednocześnie
-    klasyfikowane do kilku kategorii.
+
+<div class="card bg-secondary bg-opacity-10 text-white mb-5">
+    <div class="card-body">
+        <div class="alert alert-warning border-warning text-dark" role="alert">
+            <strong>Uwaga!</strong> Przypisanie więcej niż jednej kategorii do listy może zaburzyć
+            poprawne zliczanie wydatków, ponieważ wydatki tej listy będą jednocześnie
+            klasyfikowane do kilku kategorii.
+        </div>
+
+        <form method="post">
+            <div class="card bg-dark text-white mb-5">
+                <div class="card-body p-0">
+                    <div class="table-responsive">
+                        <table class="table table-dark table-striped align-middle sortable">
+                            <thead>
+                                <tr>
+                                    <th scope="col">ID</th>
+                                    <th scope="col">Nazwa listy</th>
+                                    <th scope="col">Właściciel</th>
+                                    <th scope="col">Data utworzenia</th>
+                                    <th scope="col">Status</th>
+                                    <th scope="col">Podgląd produktów</th>
+                                    <th scope="col">Kategorie</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                {% for l in lists %}
+                                <tr>
+                                    <td>{{ l.id }}</td>
+                                    <td class="fw-bold align-middle">
+                                        <a href="{{ url_for('view_list', list_id=l.id) }}" class="text-white">{{ l.title
+                                            }}</a>
+                                    </td>
+                                    <td>
+                                        {% if l.owner %}
+                                        👤 {{ l.owner.username }} ({{ l.owner.id }})
+                                        {% else %}
+                                        -
+                                        {% endif %}
+                                    </td>
+                                    <td>{{ l.created_at.strftime('%Y-%m-%d %H:%M') if l.created_at else '-' }}</td>
+                                    <td>
+                                        {% if l.is_archived %}<span
+                                            class="badge rounded-pill bg-secondary">Archiwalna</span>{%
+                                        endif %}
+                                        {% if l.is_temporary %}<span
+                                            class="badge rounded-pill bg-warning text-dark">Tymczasowa</span>{%
+                                        endif %}
+                                        {% if l.is_public %}<span
+                                            class="badge rounded-pill bg-success">Publiczna</span>{% else
+                                        %}
+                                        <span class="badge rounded-pill bg-dark">Prywatna</span>{% endif %}
+                                    </td>
+                                    <td>
+                                        <button type="button" class="btn btn-sm btn-outline-light preview-btn"
+                                            data-list-id="{{ l.id }}">
+                                            🔍 Zobacz
+                                        </button>
+                                    </td>
+                                    <td style="min-width: 220px;">
+                                        <select name="categories_{{ l.id }}" multiple
+                                            class="form-select tom-dark bg-dark text-white border-secondary rounded">
+                                            {% for cat in categories %}
+                                            <option value="{{ cat.id }}" {% if cat in l.categories %}selected{% endif
+                                                %}>
+                                                {{ cat.name }}
+                                            </option>
+                                            {% endfor %}
+                                        </select>
+                                    </td>
+                                </tr>
+                                {% endfor %}
+                                {% if lists|length == 0 %}
+                                <tr>
+                                    <td colspan="12" class="text-center py-4">
+                                        Brak list zakupowych do wyświetlenia
+                                    </td>
+                                </tr>
+                                {% endif %}
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div>
+                <button type="submit" class="btn btn-sm btn-outline-light">💾 Zapisz zmiany</button>
+            </div>
+        </form>
+    </div>
 </div>
 
-<form method="post">
-    <div class="card bg-dark text-white mb-5">
-        <div class="card-body p-0">
-            <div class="table-responsive">
-                <table class="table table-dark table-striped align-middle sortable">
-                    <thead>
-                        <tr>
-                            <th scope="col">ID</th>
-                            <th scope="col">Nazwa listy</th>
-                            <th scope="col">Właściciel</th>
-                            <th scope="col">Data utworzenia</th>
-                            <th scope="col">Status</th>
-                            <th scope="col">Podgląd produktów</th>
-                            <th scope="col">Kategorie</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for l in lists %}
-                        <tr>
-                            <td>{{ l.id }}</td>
-                            <td class="fw-bold align-middle">
-                                <a href="{{ url_for('view_list', list_id=l.id) }}" class="text-white">{{ l.title }}</a>
-                            </td>
-                            <td>
-                                {% if l.owner %}
-                                👤 {{ l.owner.username }} ({{ l.owner.id }})
-                                {% else %}
-                                -
-                                {% endif %}
-                            </td>
-                            <td>{{ l.created_at.strftime('%Y-%m-%d %H:%M') if l.created_at else '-' }}</td>
-                            <td>
-                                {% if l.is_archived %}<span class="badge rounded-pill bg-secondary">Archiwalna</span>{%
-                                endif %}
-                                {% if l.is_temporary %}<span
-                                    class="badge rounded-pill bg-warning text-dark">Tymczasowa</span>{%
-                                endif %}
-                                {% if l.is_public %}<span class="badge rounded-pill bg-success">Publiczna</span>{% else
-                                %}
-                                <span class="badge rounded-pill bg-dark">Prywatna</span>{% endif %}
-                            </td>
-                            <td>
-                                <button type="button" class="btn btn-sm btn-outline-light preview-btn"
-                                    data-list-id="{{ l.id }}">
-                                    🔍 Zobacz
-                                </button>
-                            </td>
-                            <td style="min-width: 220px;">
-                                <select name="categories_{{ l.id }}" multiple
-                                    class="form-select tom-dark bg-dark text-white border-secondary rounded">
-                                    {% for cat in categories %}
-                                    <option value="{{ cat.id }}" {% if cat in l.categories %}selected{% endif %}>
-                                        {{ cat.name }}
-                                    </option>
-                                    {% endfor %}
-                                </select>
-                            </td>
-                        </tr>
-                        {% endfor %}
-                        {% if lists|length == 0 %}
-                        <tr>
-                            <td colspan="12" class="text-center py-4">
-                                Brak list zakupowych do wyświetlenia
-                            </td>
-                        </tr>
-                        {% endif %}
-                    </tbody>
-                </table>
-            </div>
-        </div>
-    </div>
-    <div>
-        <button type="submit" class="btn btn-sm btn-outline-light">💾 Zapisz zmiany</button>
-    </div>
-</form>
 <hr>
 <div class="d-flex justify-content-between align-items-center mt-4">
     <form method="get" class="d-flex align-items-center">
@@ -109,7 +119,8 @@
             </li>
             {% for p in range(1, total_pages + 1) %}
             <li class="page-item {% if p == page %}active{% endif %}">
-                <a class="page-link" href="?{{ query_string }}{% if query_string %}&{% endif %}page={{ p }}">{{ p }}</a>
+                <a class="page-link" href="?{{ query_string }}{% if query_string %}&{% endif %}page={{ p }}">{{
+                    p }}</a>
             </li>
             {% endfor %}
             <li class="page-item {% if page >= total_pages %}disabled{% endif %}">

templates/admin/receipts.html

@@ -31,7 +31,6 @@
     </strong>
   </p>
 
-
   <div>
     <a href="{{ url_for('recalculate_filesizes_all') }}" class="btn btn-outline-light me-2">
       Przelicz rozmiary plików
@@ -40,55 +39,74 @@
   </div>
 </div>
 
-<div class="card bg-dark text-white mb-5">
+<div class="card bg-secondary bg-opacity-10 text-white mb-5">
   <div class="card-body">
     <div class="row g-3">
       {% for r in receipts %}
       <div class="col-6 col-md-4 col-lg-3">
-        <div class="card bg-dark text-white h-100">
-          <a href="{{ url_for('uploaded_file', filename=r.filename) }}" class="glightbox" data-gallery="receipts"
-            data-title="{{ r.filename }}">
-            <img src="{{ url_for('uploaded_file', filename=r.filename) }}" class="card-img-top"
-              style="object-fit: cover; height: 200px;">
+        <div class="card bg-dark text-white h-100 shadow-sm border border-secondary">
+          <a href="{{ url_for('uploaded_file', filename=r.filename) }}?v={{ r.version_token or '0' }}" class="glightbox"
+            data-gallery="receipts" data-title="{{ r.filename }}">
+            <img src="{{ url_for('uploaded_file', filename=r.filename) }}?v={{ r.version_token or '0' }}"
+              class="card-img-top" style="object-fit: cover; height: 200px;"
+              title="Token: {{ r.version_token or '0' }}">
           </a>
-          <div class="card-body text-center">
-            <p class="small text-truncate mb-1">{{ r.filename }}</p>
-            <p class="small mb-1">Wgrano: {{ r.uploaded_at.strftime('%Y-%m-%d %H:%M') }}</p>
-            <p class="small mb-1">
-              Uploader: {{ r.uploaded_by_user.username if r.uploaded_by_user else "?" }}
-            </p>
 
-            {% if r.filesize and r.filesize >= 1024 * 1024 %}
-            <p class="small mb-1">Rozmiar: {{ (r.filesize / 1024 / 1024) | round(2) }} MB</p>
-            {% elif r.filesize %}
-            <p class="small mb-1">Rozmiar: {{ (r.filesize / 1024) | round(1) }} kB</p>
-            {% else %}
-            <p class="small mb-1 text-muted">Brak danych o rozmiarze</p>
-            {% endif %}
-            <a href="{{ url_for('rotate_receipt', receipt_id=r.id) }}"
-              class="btn btn-sm btn-outline-light w-100 mb-2">🔄 Obróć o 90°</a>
-            <a href="#" class="btn btn-sm btn-outline-light w-100 mb-2" data-bs-toggle="modal"
-              data-bs-target="#adminCropModal" data-img-src="{{ url_for('uploaded_file', filename=r.filename) }}"
-              data-receipt-id="{{ r.id }}" data-crop-endpoint="{{ url_for('crop_receipt_admin') }}">
-              ✂️ Przytnij
-            </a>
-            <a href="{{ url_for('rename_receipt', receipt_id=r.id) }}"
-              class="btn btn-sm btn-outline-light w-100 mb-2">✏️
-              Zmień nazwę</a>
-            {% if not r.file_hash %}
-            <a href="{{ url_for('generate_receipt_hash', receipt_id=r.id) }}"
-              class="btn btn-sm btn-outline-light w-100 mb-2">🔐 Generuj hash</a>
-            {% endif %}
-            <a href="{{ url_for('delete_receipt', receipt_id=r.id) }}" class="btn btn-sm btn-outline-light w-100 mb-2"
-              onclick="return confirm('Na pewno usunąć plik {{ r.filename }}?');">🗑️
-              Usuń</a>
-            <a href="{{ url_for('edit_list', list_id=r.list_id) }}" class="btn btn-sm btn-outline-light w-100 mb-2">✏️
-              Edytuj listę #{{ r.list_id }}</a>
+          <div class="card-body text-center p-2 small">
+            <div class="text-truncate fw-semibold" title="{{ r.filename }}">📄 {{ r.filename }}</div>
+            <div>📅 {{ r.uploaded_at.strftime('%Y-%m-%d %H:%M') }}</div>
+            <div>👤 {{ r.uploaded_by_user.username if r.uploaded_by_user else "?" }}</div>
+            <div>
+              💾
+              {% if r.filesize and r.filesize >= 1024 * 1024 %}
+              {{ (r.filesize / 1024 / 1024) | round(2) }} MB
+              {% elif r.filesize %}
+              {{ (r.filesize / 1024) | round(1) }} kB
+              {% else %}
+              Brak danych
+              {% endif %}
+            </div>
+
+            <div class="dropdown mt-2">
+              <button class="btn btn-sm btn-outline-light dropdown-toggle w-100" type="button"
+                data-bs-toggle="dropdown">
+                ⋮ Akcje
+              </button>
+              <ul class="dropdown-menu dropdown-menu-dark w-100 text-start">
+                <li>
+                  <a class="dropdown-item" href="{{ url_for('rotate_receipt', receipt_id=r.id) }}">🔄 Obróć o 90°</a>
+                </li>
+                <li>
+                  <a class="dropdown-item" href="#" data-bs-toggle="modal" data-bs-target="#adminCropModal"
+                    data-img-src="{{ url_for('uploaded_file', filename=r.filename) }}" data-receipt-id="{{ r.id }}"
+                    data-crop-endpoint="{{ url_for('crop_receipt_admin') }}">✂️ Przytnij</a>
+                </li>
+                <li>
+                  <a class="dropdown-item" href="{{ url_for('rename_receipt', receipt_id=r.id) }}">✏️ Zmień nazwę</a>
+                </li>
+                {% if not r.file_hash %}
+                <li>
+                  <a class="dropdown-item" href="{{ url_for('generate_receipt_hash', receipt_id=r.id) }}">🔐 Generuj
+                    hash</a>
+                </li>
+                {% endif %}
+                <li>
+                  <a class="dropdown-item text-danger" href="{{ url_for('delete_receipt', receipt_id=r.id) }}"
+                    onclick="return confirm('Na pewno usunąć plik {{ r.filename }}?');">🗑️ Usuń</a>
+                </li>
+                <li>
+                  <hr class="dropdown-divider">
+                </li>
+                <li>
+                  <a class="dropdown-item" href="{{ url_for('edit_list', list_id=r.list_id) }}">📋 Edytuj listę #{{
+                    r.list_id }}</a>
+                </li>
+              </ul>
+            </div>
           </div>
         </div>
       </div>
       {% endfor %}
-
     </div>
 
     {% if not receipts %}
@@ -98,6 +116,7 @@
     {% endif %}
   </div>
 </div>
+
 <hr>
 
 <div class="d-flex justify-content-between align-items-center mt-4">

templates/admin/user_management.html

@@ -8,7 +8,7 @@
 </div>
 
 <!-- Formularz dodawania nowego użytkownika -->
-<div class="card bg-dark text-white mb-4">
+<div class="card bg-secondary bg-opacity-10 text-white mb-4">
   <div class="card-body">
     <h5 class="card-title mb-3">➕ Dodaj nowego użytkownika</h5>
     <form method="post" action="{{ url_for('add_user') }}">

templates/edit_my_list.html

@@ -6,7 +6,7 @@
   <a href="{{ url_for('main_page') }}" class="btn btn-outline-secondary">← Powrót</a>
 </div>
 
-<div class="card bg-dark text-white mb-5">
+<div class="card bg-secondary bg-opacity-10 text-white mb-5">
   <div class="card-body">
     <form method="post">
 
@@ -103,33 +103,50 @@
 <div class="row">
   {% for r in receipts %}
   <div class="col-6 col-md-4 col-lg-3">
-    <div class="card bg-dark text-white h-100">
-      <a href="{{ url_for('uploaded_file', filename=r.filename) }}" class="glightbox" data-gallery="receipts"
-        data-title="{{ r.filename }}">
-        <img src="{{ url_for('uploaded_file', filename=r.filename) }}" class="card-img-top"
-          style="object-fit: cover; height: 200px;">
+    <div class="card bg-dark text-white h-100 shadow-sm border border-secondary">
+      <a href="{{ url_for('uploaded_file', filename=r.filename) }}?v={{ r.version_token or '0' }}" class="glightbox"
+        data-gallery="receipts" data-title="{{ r.filename }}">
+        <img src="{{ url_for('uploaded_file', filename=r.filename) }}?v={{ r.version_token or '0' }}"
+          class="card-img-top" style="object-fit: cover; height: 200px;" title="{{ r.filename }}">
       </a>
-      <div class="card-body text-center">
-        <p class="small text-truncate mb-1">{{ r.filename }}</p>
-        <p class="small mb-1">Wgrano: {{ r.uploaded_at.strftime('%Y-%m-%d %H:%M') }}</p>
-        {% if r.filesize and r.filesize >= 1024 * 1024 %}
-        <p class="small mb-1">Rozmiar: {{ (r.filesize / 1024 / 1024) | round(2) }} MB</p>
-        {% elif r.filesize %}
-        <p class="small mb-1">Rozmiar: {{ (r.filesize / 1024) | round(1) }} kB</p>
-        {% else %}
-        <p class="small mb-1 text-muted">Brak danych o rozmiarze</p>
-        {% endif %}
 
-        <a href="{{ url_for('rotate_receipt_user', receipt_id=r.id) }}"
-          class="btn btn-sm btn-outline-light w-100 mb-2">🔄 Obróć o 90°</a>
+      <div class="card-body text-center p-2 small">
+        <div class="text-truncate fw-semibold" title="{{ r.filename }}">📄 {{ r.filename }}</div>
+        <div>📅 {{ r.uploaded_at.strftime('%Y-%m-%d %H:%M') }}</div>
+        <div>
+          💾
+          {% if r.filesize and r.filesize >= 1024 * 1024 %}
+          {{ (r.filesize / 1024 / 1024) | round(2) }} MB
+          {% elif r.filesize %}
+          {{ (r.filesize / 1024) | round(1) }} kB
+          {% else %}
+          Brak danych
+          {% endif %}
+        </div>
 
-        <a href="#" class="btn btn-sm btn-outline-light w-100 mb-2" data-bs-toggle="modal"
-          data-bs-target="#userCropModal" data-img-src="{{ url_for('uploaded_file', filename=r.filename) }}"
-          data-receipt-id="{{ r.id }}" data-crop-endpoint="{{ url_for('crop_receipt_user') }}">
-          ✂️ Przytnij
-        </a>
-        <a href="{{ url_for('delete_receipt_user', receipt_id=r.id) }}" class="btn btn-sm btn-outline-light w-100"
-          onclick="return confirm('Na pewno usunąć ten paragon?')">🗑️ Usuń</a>
+        <div class="dropdown mt-2">
+          <button class="btn btn-sm btn-outline-light dropdown-toggle w-100" type="button" data-bs-toggle="dropdown">
+            ⋮ Akcje
+          </button>
+          <ul class="dropdown-menu dropdown-menu-dark w-100 text-start">
+            <li>
+              <a class="dropdown-item" href="{{ url_for('rotate_receipt_user', receipt_id=r.id) }}">🔄 Obróć o 90°</a>
+            </li>
+            <li>
+              <a class="dropdown-item" href="#" data-bs-toggle="modal" data-bs-target="#userCropModal"
+                data-img-src="{{ url_for('uploaded_file', filename=r.filename) }}" data-receipt-id="{{ r.id }}"
+                data-crop-endpoint="{{ url_for('crop_receipt_user') }}">
+                ✂️ Przytnij
+              </a>
+            </li>
+            <li>
+              <a class="dropdown-item text-danger" href="{{ url_for('delete_receipt_user', receipt_id=r.id) }}"
+                onclick="return confirm('Na pewno usunąć ten paragon?')">
+                🗑️ Usuń
+              </a>
+            </li>
+          </ul>
+        </div>
       </div>
     </div>
   </div>

templates/expenses.html

@@ -7,29 +7,33 @@
   <a href="{{ url_for('main_page') }}" class="btn btn-outline-secondary">← Powrót</a>
 </div>
 
-<div class="d-flex justify-content-center mb-3">
-  <div class="form-check form-switch">
-    <input class="form-check-input" type="checkbox" id="showAllLists" {% if show_all %}checked{% endif %}>
-    <label class="form-check-label ms-2 text-white" for="showAllLists">
-      Pokaż wszystkie publiczne listy innych
-    </label>
-  </div>
-</div>
+<div class="card bg-secondary bg-opacity-10 text-white mb-5">
+  <div class="card-body">
+    <div class="d-flex justify-content-center mb-3">
+      <div class="form-check form-switch">
+        <input class="form-check-input" type="checkbox" id="showAllLists" {% if show_all %}checked{% endif %}>
+        <label class="form-check-label ms-2 text-white" for="showAllLists">
+          Pokaż wszystkie publiczne listy innych
+        </label>
+      </div>
+    </div>
 
-<!-- Przyciski kategorii -->
-<div class="d-flex flex-wrap gap-2 mb-3 justify-content-center">
-  <button type="button"
-    class="btn btn-sm category-filter {% if not selected_category %}btn-success{% else %}btn-outline-light{% endif %}"
-    data-category-id="">
-    🌐 Wszystkie
-  </button>
-  {% for cat in categories %}
-  <button type="button"
-    class="btn btn-sm category-filter {% if selected_category == cat.id %}btn-success{% else %}btn-outline-light{% endif %}"
-    data-category-id="{{ cat.id }}">
-    {{ cat.name }}
-  </button>
-  {% endfor %}
+    <!-- Przyciski kategorii -->
+    <div class="d-flex flex-wrap gap-2 mb-3 justify-content-center">
+      <button type="button"
+        class="btn btn-sm category-filter {% if not selected_category %}btn-success{% else %}btn-outline-light{% endif %}"
+        data-category-id="">
+        🌐 Wszystkie
+      </button>
+      {% for cat in categories %}
+      <button type="button"
+        class="btn btn-sm category-filter {% if selected_category == cat.id %}btn-success{% else %}btn-outline-light{% endif %}"
+        data-category-id="{{ cat.id }}">
+        {{ cat.name }}
+      </button>
+      {% endfor %}
+    </div>
+  </div>
 </div>
 
 <div class="card bg-dark text-white mb-5">
@@ -136,7 +140,8 @@
 
         <div class="d-flex flex-wrap gap-2 mb-3 justify-content-center">
           <div class="btn-group btn-group-sm" role="group">
-            <button class="btn btn-outline-light range-btn active" data-range="last30days">🗓️ Ostatnie 30 dni</button>
+            <button class="btn btn-outline-light range-btn active" data-range="last30days">🗓️ Ostatnie 30
+              dni</button>
             <button class="btn btn-outline-light range-btn" data-range="currentmonth">📅 Bieżący miesiąc</button>
             <button class="btn btn-outline-light range-btn" data-range="monthly">📆 Miesięczne</button>
             <button class="btn btn-outline-light range-btn" data-range="quarterly">📊 Kwartalne</button>

templates/list.html

@@ -31,7 +31,7 @@
   list.is_public %}disabled{% endif %}>
   ✅ Otwórz tryb zakupowy / odznaczania produktów
 </a>
-<div id="share-card" class="card bg-dark text-white mb-4">
+<div id="share-card" class="card bg-secondary bg-opacity-10 text-white mb-4">
   <div class="card-body">
     <div class="mb-2">
       <strong id="share-header">
@@ -203,11 +203,12 @@
 <h5 class="mt-4">📸 Paragony dodane do tej listy</h5>
 
 <div class="row g-3 mt-2" id="receiptGallery">
-  {% if receipt_files %}
-  {% for file in receipt_files %}
+  {% if receipts %}
+  {% for r in receipts %}
   <div class="col-6 col-md-4 col-lg-3 text-center">
-    <a href="{{ url_for('uploaded_file', filename=file) }}" class="glightbox" data-gallery="receipt-gallery">
-      <img src="{{ url_for('uploaded_file', filename=file) }}"
+    <a href="{{ url_for('uploaded_file', filename=r.filename) }}?v={{ r.version_token or '0' }}" class="glightbox"
+      data-gallery="receipt-gallery">
+      <img src="{{ url_for('uploaded_file', filename=r.filename) }}?v={{ r.version_token or '0' }}"
         class="img-fluid rounded shadow-sm border border-secondary" style="max-height: 200px; object-fit: cover;">
     </a>
   </div>

templates/list_share.html

@@ -152,11 +152,12 @@
 
   <h5 class="mt-4">📸 Paragony dodane do tej listy</h5>
   <div class="row g-3 mt-2" id="receiptGallery">
-    {% if receipt_files %}
-    {% for file in receipt_files %}
+    {% if receipts %}
+    {% for r in receipts %}
     <div class="col-6 col-md-4 col-lg-3 text-center">
-      <a href="{{ url_for('uploaded_file', filename=file) }}" class="glightbox" data-gallery="receipt-gallery">
-        <img src="{{ url_for('uploaded_file', filename=file) }}"
+      <a href="{{ url_for('uploaded_file', filename=r.filename) }}?v={{ r.version_token or '0' }}" class="glightbox"
+        data-gallery="receipt-gallery">
+        <img src="{{ url_for('uploaded_file', filename=r.filename) }}?v={{ r.version_token or '0' }}"
           class="img-fluid rounded shadow-sm border border-secondary" style="max-height: 200px; object-fit: cover;">
       </a>
     </div>

templates/main.html

@@ -13,7 +13,7 @@
   <h2 class="mb-2">Stwórz nową listę</h2>
 </div>
 
-<div class="card bg-dark text-white mb-4">
+<div class="card bg-secondary bg-opacity-10 text-white mb-4">
   <div class="card-body">
     <form action="/create" method="post">
       <div class="input-group mb-3">