From 868ee563341dbaf9a5bebdc1e7f88bc63e8e47ea Mon Sep 17 00:00:00 2001
From: Victor Andersson <victor.andersson2@elev.ga.ntig.se>
Date: Sun, 9 Nov 2025 13:12:27 +0100
Subject: [PATCH] Make payment details span full column when no actions

---
 claims/templates/claims/dashboard.html | 34 +++++++++++++-------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/claims/templates/claims/dashboard.html b/claims/templates/claims/dashboard.html
index bf92c84..6233333 100644
--- a/claims/templates/claims/dashboard.html
+++ b/claims/templates/claims/dashboard.html
@@ -139,7 +139,7 @@
                             </div>
 
                             {% if claim.status == 'approved' %}
-                                <div class="mx-6 mt-4 grid gap-4 rounded-3xl border border-green-100 bg-green-50 px-6 py-4 text-sm text-green-900 md:grid-cols-[2fr,1fr]">
+                                <div class="mx-6 mt-4 grid gap-4 rounded-3xl border border-green-100 bg-green-50 px-6 py-4 text-sm text-green-900 {% if payments_enabled and claim.is_paid %}md:grid-cols-1{% else %}md:grid-cols-[2fr,1fr]{% endif %}">
                                     <details class="space-y-3" {% if not claim.is_paid %}open{% endif %}>
                                         <summary class="flex cursor-pointer items-center justify-between text-xs font-semibold uppercase tracking-wide text-green-600">
                                             <span>{% trans "Utbetalningsdetaljer" %}</span>
@@ -177,25 +177,25 @@
                                             <p class="mt-3 text-[11px] text-green-700">{% trans "Använd referensen och beloppet när du lägger upp betalningen – hjälper att undvika dubbletter." %}</p>
                                         </div>
                                     </details>
-                                    <div class="flex flex-col items-start gap-3 md:items-end">
-                                        {% if payments_enabled %}
-                                            {% if not claim.is_paid %}
-                                                <form method="post" class="w-full max-w-xs" onsubmit="return confirm('{% trans "Är du säker på att du har lagt upp betalningen? Markera endast som betald om beloppet skickas till banken." %}');">
-                                                    {% csrf_token %}
-                                                    <input type="hidden" name="action_type" value="payment">
-                                                    <input type="hidden" name="payment_claim_id" value="{{ claim.id }}">
-                                                    <button type="submit" class="flex w-full items-center justify-center gap-2 rounded-2xl bg-emerald-600 px-4 py-3 text-xs font-semibold uppercase tracking-wide text-white transition hover:bg-emerald-700">
-                                                        {% trans "Markera som betald" %}
-                                                    </button>
-                                                </form>
-                                                <p class="text-[11px] text-green-700">{% trans "Dubbelkolla belopp och kontonummer i panelen innan du bekräftar." %}</p>
-                                            {% endif %}
-                                        {% else %}
+                                    {% if payments_enabled and not claim.is_paid %}
+                                        <div class="flex flex-col items-start gap-3 md:items-end">
+                                            <form method="post" class="w-full max-w-xs" onsubmit="return confirm('{% trans "Är du säker på att du har lagt upp betalningen? Markera endast som betald om beloppet skickas till banken." %}');">
+                                                {% csrf_token %}
+                                                <input type="hidden" name="action_type" value="payment">
+                                                <input type="hidden" name="payment_claim_id" value="{{ claim.id }}">
+                                                <button type="submit" class="flex w-full items-center justify-center gap-2 rounded-2xl bg-emerald-600 px-4 py-3 text-xs font-semibold uppercase tracking-wide text-white transition hover:bg-emerald-700">
+                                                    {% trans "Markera som betald" %}
+                                                </button>
+                                            </form>
+                                            <p class="text-[11px] text-green-700">{% trans "Dubbelkolla belopp och kontonummer i panelen innan du bekräftar." %}</p>
+                                        </div>
+                                    {% elif not payments_enabled %}
+                                        <div class="flex flex-col items-start gap-3 md:items-end">
                                             <p class="rounded-2xl bg-white/70 px-4 py-3 text-xs text-green-800">
                                                 {% trans "Intern betalningshantering är av – markera betalning i ekonomisystemet och resetta status vid behov." %}
                                             </p>
-                                        {% endif %}
-                                    </div>
+                                        </div>
+                                    {% endif %}
                                 </div>
                             {% endif %}