diff --git a/static/js/receipt_upload.js b/static/js/receipt_upload.js
index 1b27f32..4fbf803 100644
--- a/static/js/receipt_upload.js
+++ b/static/js/receipt_upload.js
@@ -3,29 +3,16 @@ window.receiptToastShown = window.receiptToastShown || false;
 if (!window.receiptUploaderInitialized) {
   document.addEventListener("DOMContentLoaded", function () {
     const form = document.getElementById("receiptForm");
-    const input = document.getElementById("receiptInput");
-    const gallery = document.getElementById("receiptGallery");
+    const inputCamera = document.getElementById("cameraInput");
+    const inputGallery = document.getElementById("galleryInput");
     const progressContainer = document.getElementById("progressContainer");
     const progressBar = document.getElementById("progressBar");
-    const fileLabel = document.getElementById("fileLabel");
+    const gallery = document.getElementById("receiptGallery");
 
-    if (!form || !input || !gallery) return;
+    if (!form || !inputCamera || !inputGallery || !gallery) return;
 
-    // Zmiana labela po wyborze pliku
-    if (input && fileLabel) {
-      input.addEventListener("change", function () {
-        if (input.files.length > 0) {
-          fileLabel.textContent = input.files[0].name;
-        } else {
-          fileLabel.textContent = "Wybierz zdjęcie paragonu";
-        }
-      });
-    }
-
-    form.addEventListener("submit", function (e) {
-      e.preventDefault();
-
-      const file = input.files[0];
+    function handleFileUpload(inputElement) {
+      const file = inputElement.files[0];
       if (!file) {
         showToast("Nie wybrano pliku!", "warning");
         return;
@@ -56,11 +43,7 @@ if (!window.receiptUploaderInitialized) {
         progressContainer.style.display = "none";
         progressBar.style.width = "0%";
         progressBar.textContent = "";
-        input.value = "";
-
-        if (fileLabel) {
-          fileLabel.textContent = "Wybierz zdjęcie paragonu";
-        }
+        inputElement.value = "";
       };
 
       xhr.onreadystatechange = function () {
@@ -77,10 +60,10 @@ if (!window.receiptUploaderInitialized) {
                   if (newGallery) {
                     gallery.innerHTML = newGallery.innerHTML;
 
-                    lightbox.destroy();
-                    lightbox = GLightbox({
-                      selector: '.glightbox'
-                    });
+                    if (typeof lightbox !== "undefined") {
+                      lightbox.destroy();
+                    }
+                    lightbox = GLightbox({ selector: ".glightbox" });
 
                     if (!window.receiptToastShown) {
                       showToast("Wgrano paragon", "success");
@@ -98,7 +81,10 @@ if (!window.receiptUploaderInitialized) {
       };
 
       xhr.send(formData);
-    });
+    }
+
+    inputCamera.addEventListener("change", () => handleFileUpload(inputCamera));
+    inputGallery.addEventListener("change", () => handleFileUpload(inputGallery));
   });
 
   window.receiptUploaderInitialized = true;
diff --git a/templates/admin/admin_panel.html b/templates/admin/admin_panel.html
index 3aa115b..6c3d3f6 100644
--- a/templates/admin/admin_panel.html
+++ b/templates/admin/admin_panel.html
@@ -75,80 +75,82 @@
     </div>
   </div>
 
-<div class="card bg-dark text-white mb-5">
-  <div class="card-body">
-  <h3 class="mt-4">📄 Wszystkie listy zakupowe</h3>
-  <form method="post" action="{{ url_for('delete_selected_lists') }}">
-    <div class="table-responsive">
-      <table class="table table-dark table-striped align-middle">
-        <thead>
-          <tr>
-            <th><input type="checkbox" id="select-all"></th>
-            <th>ID</th>
-            <th>Tytuł</th>
-            <th>Status</th>
-            <th>Utworzono</th>
-            <th>Właściciel</th>
-            <th>Produkty</th>
-            <th>Wypełnienie</th>
-            <th>Komentarze</th>
-            <th>Paragony</th>
-            <th>Wydatki</th>
-            <th>Akcje</th>
-          </tr>
-        </thead>
-        <tbody>
-          {% for e in enriched_lists %}
-          {% set l = e.list %}
-          <tr>
-            <td><input type="checkbox" name="list_ids" value="{{ l.id }}"></td>
-            <td>{{ l.id }}</td>
-            <td class="fw-bold">
-              <a href="{{ url_for('view_list', list_id=l.id) }}" class="text-white">{{ l.title }}</a>
-            </td>
-            <td>
-              {% if l.is_archived %}
-              <span class="badge bg-secondary">Archiwalna</span>
-              {% elif e.expired %}
-              <span class="badge bg-warning text-dark">Wygasła</span>
-              {% else %}
-              <span class="badge bg-success">Aktywna</span>
-              {% endif %}
-            </td>
-            <td>{{ l.created_at.strftime('%Y-%m-%d %H:%M') if l.created_at else '-' }}</td>
-            <td>
-              {% if l.owner_id %}
-              {{ l.owner_id }} / {{ l.owner.username if l.owner else 'Brak użytkownika' }}
-              {% else %}
-              -
-              {% endif %}
-            </td>
-            <td>{{ e.total_count }}</td>
-            <td>{{ e.purchased_count }}/{{ e.total_count }} ({{ e.percent }}%)</td>
-            <td>{{ e.comments_count }}</td>
-            <td>{{ e.receipts_count }}</td>
-            <td>
-              {% if e.total_expense > 0 %}
-              {{ '%.2f'|format(e.total_expense) }} PLN
-              {% else %}
-              -
-              {% endif %}
-            </td>
-            <td class="d-flex flex-wrap gap-1">
-              <a href="{{ url_for('edit_list', list_id=l.id) }}" class="btn btn-sm btn-outline-primary">✏️ Edytuj</a>
-              <a href="{{ url_for('delete_list', list_id=l.id) }}" class="btn btn-sm btn-outline-danger">🗑️ Usuń</a>
-            </td>
-          </tr>
-          {% endfor %}
-        </tbody>
+  <div class="card bg-dark text-white mb-5">
+    <div class="card-body">
+      <h3 class="mt-4">📄 Wszystkie listy zakupowe</h3>
+      <form method="post" action="{{ url_for('delete_selected_lists') }}">
+        <div class="table-responsive">
+          <table class="table table-dark table-striped align-middle">
+            <thead>
+              <tr>
+                <th><input type="checkbox" id="select-all"></th>
+                <th>ID</th>
+                <th>Tytuł</th>
+                <th>Status</th>
+                <th>Utworzono</th>
+                <th>Właściciel</th>
+                <th>Produkty</th>
+                <th>Wypełnienie</th>
+                <th>Komentarze</th>
+                <th>Paragony</th>
+                <th>Wydatki</th>
+                <th>Akcje</th>
+              </tr>
+            </thead>
+            <tbody>
+              {% for e in enriched_lists %}
+              {% set l = e.list %}
+              <tr>
+                <td><input type="checkbox" name="list_ids" value="{{ l.id }}"></td>
+                <td>{{ l.id }}</td>
+                <td class="fw-bold">
+                  <a href="{{ url_for('view_list', list_id=l.id) }}" class="text-white">{{ l.title }}</a>
+                </td>
+                <td>
+                  {% if l.is_archived %}
+                  <span class="badge bg-secondary">Archiwalna</span>
+                  {% elif e.expired %}
+                  <span class="badge bg-warning text-dark">Wygasła</span>
+                  {% else %}
+                  <span class="badge bg-success">Aktywna</span>
+                  {% endif %}
+                </td>
+                <td>{{ l.created_at.strftime('%Y-%m-%d %H:%M') if l.created_at else '-' }}</td>
+                <td>
+                  {% if l.owner_id %}
+                  {{ l.owner_id }} / {{ l.owner.username if l.owner else 'Brak użytkownika' }}
+                  {% else %}
+                  -
+                  {% endif %}
+                </td>
+                <td>{{ e.total_count }}</td>
+                <td>{{ e.purchased_count }}/{{ e.total_count }} ({{ e.percent }}%)</td>
+                <td>{{ e.comments_count }}</td>
+                <td>{{ e.receipts_count }}</td>
+                <td>
+                  {% if e.total_expense > 0 %}
+                  {{ '%.2f'|format(e.total_expense) }} PLN
+                  {% else %}
+                  -
+                  {% endif %}
+                </td>
+                <td class="d-flex flex-wrap gap-1">
+                  <a href="{{ url_for('edit_list', list_id=l.id) }}" class="btn btn-sm btn-outline-primary">✏️
+                    Edytuj</a>
+                  <a href="{{ url_for('delete_list', list_id=l.id) }}" class="btn btn-sm btn-outline-danger">🗑️
+                    Usuń</a>
+                </td>
+              </tr>
+              {% endfor %}
+            </tbody>
 
-      </table>
+          </table>
+        </div>
+        <button type="submit" class="btn btn-danger mt-2">🗑️ Usuń zaznaczone listy</button>
+      </form>
     </div>
-    <button type="submit" class="btn btn-danger mt-2">🗑️ Usuń zaznaczone listy</button>
-  </form>
   </div>
-  </div>
-  
+
   <div class="modal fade" id="expensesChartModal" tabindex="-1" aria-labelledby="expensesChartModalLabel"
     aria-hidden="true">
     <div class="modal-dialog modal-xl modal-dialog-centered">
diff --git a/templates/admin/list_products.html b/templates/admin/list_products.html
index 71b5fd9..506f1a1 100644
--- a/templates/admin/list_products.html
+++ b/templates/admin/list_products.html
@@ -11,102 +11,102 @@
   <div class="card-body">
 
 
-  <div class="card-header d-flex justify-content-between align-items-center">
-    <h4 class="m-0">📦 Produkty (z synchronizacją sugestii)</h4>
-    <span class="badge bg-secondary">{{ items|length }} produktów</span>
+    <div class="card-header d-flex justify-content-between align-items-center">
+      <h4 class="m-0">📦 Produkty (z synchronizacją sugestii)</h4>
+      <span class="badge bg-secondary">{{ items|length }} produktów</span>
+    </div>
+    <div class="card-body p-0">
+      <table class="table table-dark table-striped align-middle m-0">
+        <thead>
+          <tr>
+            <th>ID</th>
+            <th>Nazwa</th>
+            <th>Dodana przez</th>
+            <th>Sugestia</th>
+            <th>Akcje</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for item in items %}
+          <tr>
+            <td>{{ item.id }}</td>
+            <td class="fw-bold">{{ item.name }}</td>
+            <td>
+              {% if item.added_by %}
+              {{ users_dict.get(item.added_by, 'Nieznany') }}
+              {% else %}
+              Gość
+              {% endif %}
+            </td>
+            <td>
+              {% set suggestion = suggestions_dict.get(item.name.lower()) %}
+              {% if suggestion %}
+              ✅ Istnieje (ID: {{ suggestion.id }})
+              <button class="btn btn-sm btn-outline-danger ms-1 delete-suggestion-btn"
+                data-suggestion-id="{{ suggestion.id }}">🗑️ Usuń</button>
+              {% else %}
+              <button class="btn btn-sm btn-outline-primary sync-btn" data-item-id="{{ item.id }}">🔄
+                Synchronizuj</button>
+              {% endif %}
+            </td>
+            <td>
+              <a href="/list/{{ item.list_id }}" class="btn btn-sm btn-outline-light mb-1">📄 Zobacz listę</a>
+            </td>
+          </tr>
+          {% endfor %}
+          {% if items|length == 0 %}
+          <tr>
+            <td colspan="5" class="text-center text-muted">Brak produktów do wyświetlenia.</td>
+          </tr>
+          {% endif %}
+        </tbody>
+      </table>
+    </div>
   </div>
-  <div class="card-body p-0">
-    <table class="table table-dark table-striped align-middle m-0">
-      <thead>
-        <tr>
-          <th>ID</th>
-          <th>Nazwa</th>
-          <th>Dodana przez</th>
-          <th>Sugestia</th>
-          <th>Akcje</th>
-        </tr>
-      </thead>
-      <tbody>
-        {% for item in items %}
-        <tr>
-          <td>{{ item.id }}</td>
-          <td class="fw-bold">{{ item.name }}</td>
-          <td>
-            {% if item.added_by %}
-            {{ users_dict.get(item.added_by, 'Nieznany') }}
-            {% else %}
-            Gość
-            {% endif %}
-          </td>
-          <td>
-            {% set suggestion = suggestions_dict.get(item.name.lower()) %}
-            {% if suggestion %}
-            ✅ Istnieje (ID: {{ suggestion.id }})
-            <button class="btn btn-sm btn-outline-danger ms-1 delete-suggestion-btn"
-              data-suggestion-id="{{ suggestion.id }}">🗑️ Usuń</button>
-            {% else %}
-            <button class="btn btn-sm btn-outline-primary sync-btn" data-item-id="{{ item.id }}">🔄
-              Synchronizuj</button>
-            {% endif %}
-          </td>
-          <td>
-            <a href="/list/{{ item.list_id }}" class="btn btn-sm btn-outline-light mb-1">📄 Zobacz listę</a>
-          </td>
-        </tr>
-        {% endfor %}
-        {% if items|length == 0 %}
-        <tr>
-          <td colspan="5" class="text-center text-muted">Brak produktów do wyświetlenia.</td>
-        </tr>
-        {% endif %}
-      </tbody>
-    </table>
-  </div>
-</div>
 </div>
 
 <div class="card bg-dark text-white mb-5">
   <div class="card-body">
-  <div class="card-header d-flex justify-content-between align-items-center">
-    <h4 class="m-0">💡 Wszystkie sugestie (poza powiązanymi)</h4>
-    <span class="badge bg-secondary">{{ suggestions_dict|length }} sugestii</span>
+    <div class="card-header d-flex justify-content-between align-items-center">
+      <h4 class="m-0">💡 Wszystkie sugestie (poza powiązanymi)</h4>
+      <span class="badge bg-secondary">{{ suggestions_dict|length }} sugestii</span>
+    </div>
+    <div class="card-body p-0">
+      {% set item_names = items | map(attribute='name') | map('lower') | list %}
+      <table class="table table-dark table-striped align-middle m-0">
+        <thead>
+          <tr>
+            <th>ID</th>
+            <th>Nazwa</th>
+            <th>Akcje</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for suggestion in suggestions_dict.values() %}
+          {% if suggestion.name.lower() not in item_names %}
+          <tr>
+            <td>{{ suggestion.id }}</td>
+            <td class="fw-bold">{{ suggestion.name }}</td>
+            <td>
+              <button class="btn btn-sm btn-outline-danger delete-suggestion-btn"
+                data-suggestion-id="{{ suggestion.id }}">🗑️ Usuń</button>
+            </td>
+          </tr>
+          {% endif %}
+          {% endfor %}
+          {% if suggestions_dict|length == 0 %}
+          <tr>
+            <td colspan="3" class="text-center text-muted">Brak sugestii do wyświetlenia.</td>
+          </tr>
+          {% endif %}
+        </tbody>
+      </table>
+    </div>
   </div>
-  <div class="card-body p-0">
-    {% set item_names = items | map(attribute='name') | map('lower') | list %}
-    <table class="table table-dark table-striped align-middle m-0">
-      <thead>
-        <tr>
-          <th>ID</th>
-          <th>Nazwa</th>
-          <th>Akcje</th>
-        </tr>
-      </thead>
-      <tbody>
-        {% for suggestion in suggestions_dict.values() %}
-        {% if suggestion.name.lower() not in item_names %}
-        <tr>
-          <td>{{ suggestion.id }}</td>
-          <td class="fw-bold">{{ suggestion.name }}</td>
-          <td>
-            <button class="btn btn-sm btn-outline-danger delete-suggestion-btn"
-              data-suggestion-id="{{ suggestion.id }}">🗑️ Usuń</button>
-          </td>
-        </tr>
-        {% endif %}
-        {% endfor %}
-        {% if suggestions_dict|length == 0 %}
-        <tr>
-          <td colspan="3" class="text-center text-muted">Brak sugestii do wyświetlenia.</td>
-        </tr>
-        {% endif %}
-      </tbody>
-    </table>
-  </div>
-</div>
 </div>
 
 {% block scripts %}
 <script src="{{ url_for('static_bp.serve_js', filename='product_suggestion.js') }}"></script>
 {% endblock %}
 
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/templates/admin/receipts.html b/templates/admin/receipts.html
index 81cb35c..07338f4 100644
--- a/templates/admin/receipts.html
+++ b/templates/admin/receipts.html
@@ -9,41 +9,41 @@
 
 <div class="card bg-dark text-white mb-5">
   <div class="card-body">
-<div class="row g-3">
-  {% for img in image_files %}
-  {% set list_id = img.split('_')[1] if '_' in img else None %}
-  {% set file_path = upload_folder ~ '/' ~ img %}
-  {% set file_size = (file_path | filesizeformat) %}
-  {% set upload_time = (file_path | filemtime) %}
-  <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=img) }}" class="glightbox" data-gallery="receipts"
-        data-title="{{ img }}">
-        <img src="{{ url_for('uploaded_file', filename=img) }}" class="card-img-top"
-          style="object-fit: cover; height: 200px;">
-      </a>
-      <div class="card-body text-center">
-        <p class="small text-truncate mb-1">{{ img }}</p>
-        <p class="small mb-1">Rozmiar: {{ file_size }}</p>
-        <p class="small mb-1">Wgrano: {{ upload_time.strftime('%Y-%m-%d %H:%M') }}</p>
-        {% if list_id %}
-        <a href="{{ url_for('edit_list', list_id=list_id|int) }}" class="btn btn-sm btn-outline-light w-100 mb-2">✏️
-          Edytuj listę #{{ list_id }}</a>
-        {% endif %}
-        <a href="{{ url_for('delete_receipt', filename=img) }}?next={{ request.path }}"
-          class="btn btn-sm btn-outline-danger w-100">🗑️ Usuń</a>
+    <div class="row g-3">
+      {% for img in image_files %}
+      {% set list_id = img.split('_')[1] if '_' in img else None %}
+      {% set file_path = upload_folder ~ '/' ~ img %}
+      {% set file_size = (file_path | filesizeformat) %}
+      {% set upload_time = (file_path | filemtime) %}
+      <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=img) }}" class="glightbox" data-gallery="receipts"
+            data-title="{{ img }}">
+            <img src="{{ url_for('uploaded_file', filename=img) }}" class="card-img-top"
+              style="object-fit: cover; height: 200px;">
+          </a>
+          <div class="card-body text-center">
+            <p class="small text-truncate mb-1">{{ img }}</p>
+            <p class="small mb-1">Rozmiar: {{ file_size }}</p>
+            <p class="small mb-1">Wgrano: {{ upload_time.strftime('%Y-%m-%d %H:%M') }}</p>
+            {% if list_id %}
+            <a href="{{ url_for('edit_list', list_id=list_id|int) }}" class="btn btn-sm btn-outline-light w-100 mb-2">✏️
+              Edytuj listę #{{ list_id }}</a>
+            {% endif %}
+            <a href="{{ url_for('delete_receipt', filename=img) }}?next={{ request.path }}"
+              class="btn btn-sm btn-outline-danger w-100">🗑️ Usuń</a>
+          </div>
+        </div>
       </div>
+      {% endfor %}
     </div>
+
+
+    {% if not image_files %}
+    <div class="alert alert-info text-center mt-4" role="alert">
+      Nie wgrano żadnych paragonów.
+    </div>
+    {% endif %}
   </div>
-  {% endfor %}
-</div>
-
-
-{% if not image_files %}
-<div class="alert alert-info text-center mt-4" role="alert">
-  Nie wgrano żadnych paragonów.
-</div>
-{% endif %}
-</div>
 </div>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/admin/user_management.html b/templates/admin/user_management.html
index 3be2e3c..a6aac15 100644
--- a/templates/admin/user_management.html
+++ b/templates/admin/user_management.html
@@ -31,44 +31,44 @@
 
 <div class="card bg-dark text-white mb-5">
   <div class="card-body">
-<table class="table table-dark table-striped align-middle">
-  <thead>
-    <tr>
-      <th>ID</th>
-      <th>Login</th>
-      <th>Rola</th>
-      <th>Akcje</th>
-    </tr>
-  </thead>
-  <tbody>
-    {% for user in users %}
-    <tr>
-      <td>{{ user.id }}</td>
-      <td class="fw-bold">{{ user.username }}</td>
-      <td>
-        {% if user.is_admin %}
-        <span class="badge bg-primary">Admin</span>
-        {% else %}
-        <span class="badge bg-secondary">Użytkownik</span>
-        {% endif %}
-      </td>
-      <td>
-        <button class="btn btn-sm btn-outline-warning me-1" data-bs-toggle="modal" data-bs-target="#resetPasswordModal"
-          data-user-id="{{ user.id }}" data-username="{{ user.username }}">
-          🔑 Ustaw hasło
-        </button>
-        {% if not user.is_admin %}
-        <a href="/admin/promote_user/{{ user.id }}" class="btn btn-sm btn-outline-info">⬆️ Ustaw admina</a>
-        {% else %}
-        <a href="/admin/demote_user/{{ user.id }}" class="btn btn-sm btn-outline-secondary">⬇️ Usuń admina</a>
-        {% endif %}
-        <a href="/admin/delete_user/{{ user.id }}" class="btn btn-sm btn-outline-danger me-1">🗑️ Usuń</a>
-      </td>
-    </tr>
-    {% endfor %}
-  </tbody>
-</table>
-</div>
+    <table class="table table-dark table-striped align-middle">
+      <thead>
+        <tr>
+          <th>ID</th>
+          <th>Login</th>
+          <th>Rola</th>
+          <th>Akcje</th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for user in users %}
+        <tr>
+          <td>{{ user.id }}</td>
+          <td class="fw-bold">{{ user.username }}</td>
+          <td>
+            {% if user.is_admin %}
+            <span class="badge bg-primary">Admin</span>
+            {% else %}
+            <span class="badge bg-secondary">Użytkownik</span>
+            {% endif %}
+          </td>
+          <td>
+            <button class="btn btn-sm btn-outline-warning me-1" data-bs-toggle="modal"
+              data-bs-target="#resetPasswordModal" data-user-id="{{ user.id }}" data-username="{{ user.username }}">
+              🔑 Ustaw hasło
+            </button>
+            {% if not user.is_admin %}
+            <a href="/admin/promote_user/{{ user.id }}" class="btn btn-sm btn-outline-info">⬆️ Ustaw admina</a>
+            {% else %}
+            <a href="/admin/demote_user/{{ user.id }}" class="btn btn-sm btn-outline-secondary">⬇️ Usuń admina</a>
+            {% endif %}
+            <a href="/admin/delete_user/{{ user.id }}" class="btn btn-sm btn-outline-danger me-1">🗑️ Usuń</a>
+          </td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </div>
 </div>
 <!-- Modal resetowania hasła -->
 <div class="modal fade" id="resetPasswordModal" tabindex="-1" aria-labelledby="resetPasswordModalLabel"
diff --git a/templates/edit_my_list.html b/templates/edit_my_list.html
index 7af3eba..13745f2 100644
--- a/templates/edit_my_list.html
+++ b/templates/edit_my_list.html
@@ -5,59 +5,59 @@
 
 <div class="card bg-dark text-white mb-5">
   <div class="card-body">
-<form method="post">
-  <div class="mb-3">
-    <label for="title" class="form-label">Nazwa listy</label>
-    <input type="text" name="title" id="title" class="form-control bg-dark text-white border-secondary rounded"
-      value="{{ list.title }}" required>
-  </div>
+    <form method="post">
+      <div class="mb-3">
+        <label for="title" class="form-label">Nazwa listy</label>
+        <input type="text" name="title" id="title" class="form-control bg-dark text-white border-secondary rounded"
+          value="{{ list.title }}" required>
+      </div>
 
-  <div class="form-check mb-3">
-    <input class="form-check-input rounded" type="checkbox" name="is_public" id="is_public" {% if list.is_public
-      %}checked{% endif %}>
-    <label class="form-check-label" for="is_public">Lista publiczna</label>
-  </div>
+      <div class="form-check mb-3">
+        <input class="form-check-input rounded" type="checkbox" name="is_public" id="is_public" {% if list.is_public
+          %}checked{% endif %}>
+        <label class="form-check-label" for="is_public">Lista publiczna</label>
+      </div>
 
-  <div class="form-check mb-3">
-    <input class="form-check-input rounded" type="checkbox" name="is_temporary" id="is_temporary" {% if
-      list.is_temporary %}checked{% endif %}>
-    <label class="form-check-label" for="is_temporary">Lista tymczasowa</label>
-  </div>
+      <div class="form-check mb-3">
+        <input class="form-check-input rounded" type="checkbox" name="is_temporary" id="is_temporary" {% if
+          list.is_temporary %}checked{% endif %}>
+        <label class="form-check-label" for="is_temporary">Lista tymczasowa</label>
+      </div>
 
-  <div class="row mb-3">
-    <div class="col-md-6">
-      <label for="expires_date" class="form-label">Data wygaśnięcia</label>
-      <input type="date" class="form-control bg-dark text-white border-secondary rounded" id="expires_date"
-        name="expires_date" value="{{ list.expires_at.strftime('%Y-%m-%d') if list.expires_at else '' }}">
-    </div>
-    <div class="col-md-6">
-      <label for="expires_time" class="form-label">Godzina wygaśnięcia</label>
-      <input type="time" class="form-control bg-dark text-white border-secondary rounded" id="expires_time"
-        name="expires_time" value="{{ list.expires_at.strftime('%H:%M') if list.expires_at else '' }}">
+      <div class="row mb-3">
+        <div class="col-md-6">
+          <label for="expires_date" class="form-label">Data wygaśnięcia</label>
+          <input type="date" class="form-control bg-dark text-white border-secondary rounded" id="expires_date"
+            name="expires_date" value="{{ list.expires_at.strftime('%Y-%m-%d') if list.expires_at else '' }}">
+        </div>
+        <div class="col-md-6">
+          <label for="expires_time" class="form-label">Godzina wygaśnięcia</label>
+          <input type="time" class="form-control bg-dark text-white border-secondary rounded" id="expires_time"
+            name="expires_time" value="{{ list.expires_at.strftime('%H:%M') if list.expires_at else '' }}">
+        </div>
+      </div>
+
+      <div class="form-check mb-3">
+        <input class="form-check-input" type="checkbox" name="is_archived" id="is_archived" {% if list.is_archived
+          %}checked{% endif %}>
+        <label class="form-check-label" for="is_archived">Zarchiwizowana</label>
+      </div>
+
+      <div class="btn-group mt-4" role="group">
+        <button type="submit" class="btn btn-outline-success">Zapisz</button>
+        <a href="{{ url_for('main_page') }}" class="btn btn-outline-light">Anuluj</a>
+      </div>
+
+    </form>
+
+    <hr class="my-3">
+    <!-- Trigger przycisk -->
+    <div class="btn-group mt-4" role="group">
+      <button type="button" class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#deleteModal">
+        🗑️ Usuń tę listę
+      </button>
     </div>
   </div>
-
-  <div class="form-check mb-3">
-    <input class="form-check-input" type="checkbox" name="is_archived" id="is_archived" {% if list.is_archived
-      %}checked{% endif %}>
-    <label class="form-check-label" for="is_archived">Zarchiwizowana</label>
-  </div>
-
-  <div class="btn-group mt-4" role="group">
-    <button type="submit" class="btn btn-outline-success">Zapisz</button>
-    <a href="{{ url_for('main_page') }}" class="btn btn-outline-light">Anuluj</a>
-  </div>
-
-</form>
-
-<hr class="my-3">
-<!-- Trigger przycisk -->
-<div class="btn-group mt-4" role="group">
-  <button type="button" class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#deleteModal">
-    🗑️ Usuń tę listę
-  </button>
-</div>
-</div>
 </div>
 <!-- MODAL -->
 <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
diff --git a/templates/list_share.html b/templates/list_share.html
index e5f0fd3..68ef796 100644
--- a/templates/list_share.html
+++ b/templates/list_share.html
@@ -130,16 +130,30 @@
   <h5>📤 Dodaj zdjęcie paragonu</h5>
   <form id="receiptForm" action="{{ url_for('upload_receipt', list_id=list.id) }}" method="post"
     enctype="multipart/form-data" class="text-center">
-    <label for="receiptInput"
+
+    <!-- Przycisk: Zrób zdjęcie -->
+    <label for="cameraInput"
       class="btn btn-outline-light w-100 py-3 mb-2 d-flex align-items-center justify-content-center gap-2">
-      <i class="bi bi-upload"></i> 📸 <span id="fileLabel">Wybierz zdjęcie paragonu</span>
+      <i class="bi bi-camera"></i> 📸 Zrób zdjęcie
     </label>
-    <input type="file" name="receipt" accept="image/*" capture="environment" class="d-none" id="receiptInput">
+    <input type="file" name="receipt" accept="image/*" capture="environment" class="d-none" id="cameraInput">
+
+    <!-- Przycisk: Wybierz z galerii -->
+    <label for="galleryInput"
+      class="btn btn-outline-light w-100 py-3 mb-2 d-flex align-items-center justify-content-center gap-2">
+      <i class="bi bi-image"></i> 🖼️ Z galerii
+    </label>
+    <input type="file" name="receipt" accept="image/*" class="d-none" id="galleryInput">
+
     <button type="submit" class="btn btn-success w-100 mb-2">➕ Wgraj paragon</button>
+
     <div id="progressContainer" class="progress" style="height: 20px; display: none;">
       <div id="progressBar" class="progress-bar bg-success fw-bold" role="progressbar" style="width: 0%;">0%</div>
     </div>
+
+    <div id="receiptGallery" class="mt-3"></div>
   </form>
+
   {% endif %}
 
 </div>
diff --git a/templates/user_expenses.html b/templates/user_expenses.html
index a3f8e9f..bea5ac2 100644
--- a/templates/user_expenses.html
+++ b/templates/user_expenses.html
@@ -9,76 +9,77 @@
 
 <div class="card bg-dark text-white mb-5">
   <div class="card-body">
-<ul class="nav nav-tabs mb-3" id="expenseTabs" role="tablist">
-  <li class="nav-item" role="presentation">
-    <button class="nav-link active" id="table-tab" data-bs-toggle="tab" data-bs-target="#tableTab" type="button"
-      role="tab">
-      📄 Tabela
-    </button>
-  </li>
-  <li class="nav-item" role="presentation">
-    <button class="nav-link" id="chart-tab" data-bs-toggle="tab" data-bs-target="#chartTab" type="button" role="tab">
-      📊 Wykres
-    </button>
-  </li>
-</ul>
+    <ul class="nav nav-tabs mb-3" id="expenseTabs" role="tablist">
+      <li class="nav-item" role="presentation">
+        <button class="nav-link active" id="table-tab" data-bs-toggle="tab" data-bs-target="#tableTab" type="button"
+          role="tab">
+          📄 Tabela
+        </button>
+      </li>
+      <li class="nav-item" role="presentation">
+        <button class="nav-link" id="chart-tab" data-bs-toggle="tab" data-bs-target="#chartTab" type="button"
+          role="tab">
+          📊 Wykres
+        </button>
+      </li>
+    </ul>
 
-<div class="tab-content" id="expenseTabsContent">
-  <!-- Tabela -->
-  <div class="tab-pane fade show active" id="tableTab" role="tabpanel">
-    <div class="card bg-dark text-white mb-4">
-      <div class="card-body">
-        {% if expense_table %}
-        <div class="row g-4">
-          {% for row in expense_table %}
-          <div class="col-12 col-sm-6 col-lg-4">
-            <div class="card bg-dark text-white border border-secondary h-100 shadow-sm">
-              <div class="card-body">
-                <h5 class="card-title text-truncate" title="{{ row.title }}">{{ row.title }}</h5>
-                <p class="mb-1">💸 <strong>{{ '%.2f'|format(row.amount) }} PLN</strong></p>
-                <p class="mb-0">📅 {{ row.added_at.strftime('%Y-%m-%d') }}</p>
+    <div class="tab-content" id="expenseTabsContent">
+      <!-- Tabela -->
+      <div class="tab-pane fade show active" id="tableTab" role="tabpanel">
+        <div class="card bg-dark text-white mb-4">
+          <div class="card-body">
+            {% if expense_table %}
+            <div class="row g-4">
+              {% for row in expense_table %}
+              <div class="col-12 col-sm-6 col-lg-4">
+                <div class="card bg-dark text-white border border-secondary h-100 shadow-sm">
+                  <div class="card-body">
+                    <h5 class="card-title text-truncate" title="{{ row.title }}">{{ row.title }}</h5>
+                    <p class="mb-1">💸 <strong>{{ '%.2f'|format(row.amount) }} PLN</strong></p>
+                    <p class="mb-0">📅 {{ row.added_at.strftime('%Y-%m-%d') }}</p>
+                  </div>
+                </div>
               </div>
+              {% endfor %}
             </div>
+            {% else %}
+            <div class="alert alert-info text-center mb-0">Brak wydatków do wyświetlenia.</div>
+            {% endif %}
+          </div>
+        </div>
+      </div>
+
+      <!-- Wykres -->
+      <div class="tab-pane fade" id="chartTab" role="tabpanel">
+        <div class="card bg-dark text-white mb-4">
+          <div class="card-body">
+            <p id="chartRangeLabel" class="fw-bold mb-3">Widok: miesięczne</p>
+            <canvas id="expensesChart" height="120"></canvas>
+          </div>
+        </div>
+
+        <div class="d-flex flex-wrap gap-2 mb-4">
+          <button class="btn btn-outline-light btn-sm range-btn active" data-range="monthly">📅 Miesięczne</button>
+          <button class="btn btn-outline-light btn-sm range-btn" data-range="quarterly">📆 Kwartalne</button>
+          <button class="btn btn-outline-light btn-sm range-btn" data-range="halfyearly">🗓️ Półroczne</button>
+          <button class="btn btn-outline-light btn-sm range-btn" data-range="yearly">📈 Roczne</button>
+        </div>
+
+        <div class="row g-2 mb-4">
+          <div class="col-6 col-md-3">
+            <input type="date" id="startDate" class="form-control bg-dark text-white border-secondary rounded">
+          </div>
+          <div class="col-6 col-md-3">
+            <input type="date" id="endDate" class="form-control bg-dark text-white border-secondary rounded">
+          </div>
+          <div class="col-12 col-md-3">
+            <button class="btn btn-outline-light w-100" id="customRangeBtn">📊 Zakres własny</button>
           </div>
-          {% endfor %}
         </div>
-        {% else %}
-        <div class="alert alert-info text-center mb-0">Brak wydatków do wyświetlenia.</div>
-        {% endif %}
       </div>
     </div>
   </div>
-
-  <!-- Wykres -->
-  <div class="tab-pane fade" id="chartTab" role="tabpanel">
-    <div class="card bg-dark text-white mb-4">
-      <div class="card-body">
-        <p id="chartRangeLabel" class="fw-bold mb-3">Widok: miesięczne</p>
-        <canvas id="expensesChart" height="120"></canvas>
-      </div>
-    </div>
-
-    <div class="d-flex flex-wrap gap-2 mb-4">
-      <button class="btn btn-outline-light btn-sm range-btn active" data-range="monthly">📅 Miesięczne</button>
-      <button class="btn btn-outline-light btn-sm range-btn" data-range="quarterly">📆 Kwartalne</button>
-      <button class="btn btn-outline-light btn-sm range-btn" data-range="halfyearly">🗓️ Półroczne</button>
-      <button class="btn btn-outline-light btn-sm range-btn" data-range="yearly">📈 Roczne</button>
-    </div>
-
-    <div class="row g-2 mb-4">
-      <div class="col-6 col-md-3">
-        <input type="date" id="startDate" class="form-control bg-dark text-white border-secondary rounded">
-      </div>
-      <div class="col-6 col-md-3">
-        <input type="date" id="endDate" class="form-control bg-dark text-white border-secondary rounded">
-      </div>
-      <div class="col-12 col-md-3">
-        <button class="btn btn-outline-light w-100" id="customRangeBtn">📊 Zakres własny</button>
-      </div>
-    </div>
-  </div>
-</div>
-</div>
 </div>
 {% endblock %}