zmiany w ux

static/css/custom.css

@@ -381,4 +381,10 @@ select.form-select:focus {
         grid-row: 3 / 4;
         width: 100%;
     }
+}
+
+.hr-bw {
+    border: 0;
+    border-top: 1px dashed rgba(255, 255, 255, 0.2);
+    margin: 10px 0;
 }

templates/index.html

@@ -34,13 +34,13 @@ zbiórki{% endif %}{% endblock %}
                 <div class="d-flex align-items-start justify-content-between gap-2 mb-2">
                     <h5 class="card-title mb-0">{{ z.nazwa }}</h5>
 
-                    {# Spójny badge zrealizowania: w zakładce „Zrealizowane” lub gdy >=100% #}
                     {% if is_completed_view or progress_clamped >= 100 %}
                     <span class="badge rounded-pill" style="background: var(--accent); color:#111;">Zrealizowana</span>
                     {% endif %}
                 </div>
+                <hr class="hr-bw">
 
-                <div class="mb-2 d-flex flex-wrap gap-2">
+                <div class="mb-2 d-flex flex-wrap gap-2 justify-content-center">
                     {% if not z.ukryj_kwote %}
                     {% if z.cel > 0 %}
                     <span class="badge bg-dark border" style="border-color: var(--border);">
@@ -76,9 +76,9 @@ zbiórki{% endif %}{% endblock %}
                     </div>
 
                     {% if not z.ukryj_kwote %}
-                    <small class="text-muted">{{ progress_clamped|round(1) }}%</small>
+                    <small class="text-muted d-block text-center">{{ progress_clamped|round(1) }}%</small>
                     {% else %}
-                    <small class="text-muted">Postęp ukryty</small>
+                    <small class="text-muted d-block text-center">Postęp ukryty</small>
                     {% endif %}
                 </div>
 

templates/zbiorka.html

@@ -33,6 +33,7 @@
         <div class="card shadow-sm mb-4">
           <div class="card-body">
             <h5 class="mb-2">Opis</h5>
+            <hr class="hr-bw">
             <div class="mb-0">
               {{ zbiorka.opis | markdown }}
             </div>
@@ -48,7 +49,7 @@
         <div class="card shadow-sm mb-4">
           <div class="card-body">
             <h5 class="mb-2">Lista zakupów</h5>
-
+            <hr class="hr-bw">
             {% set posortowane = items|sort(attribute='kupione') %}
             <ul class="list-group list-group-flush">
               {% for it in posortowane %}
@@ -100,6 +101,7 @@
           <div class="card-body">
             <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-2">
               <h5 class="mb-0">Postęp</h5>
+
               <div class="d-flex flex-wrap align-items-center gap-2">
                 {% if has_cel and not zbiorka.ukryj_kwote %}
                 <span class="badge bg-dark border" style="border-color: var(--border);">
@@ -116,7 +118,7 @@
                 {% endif %}
               </div>
             </div>
-
+            <hr class="hr-bw">
             <!-- Pasek: Finanse (zawsze) -->
             <div class="mb-3">
               <small class="text-muted">Finanse</small>
@@ -254,7 +256,6 @@
         </div>
       </div>
 
-
       <!-- Aktywność -->
       <div class="card shadow-sm mt-4">
         <div class="card-header bg-transparent d-flex align-items-center justify-content-between">