From 65f23c1f12c4cfb4c6bc98adf349d386c2a79afa Mon Sep 17 00:00:00 2001
From: Frederik Baerentsen <frederik+gitea@baerentsen.net>
Date: Sat, 27 Sep 2025 23:06:53 +0200
Subject: [PATCH] Fixed nested box formatting.

---
 templates/set.html | 24 +++++++++++-------------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/templates/set.html b/templates/set.html
index dce81bb..29e9291 100644
--- a/templates/set.html
+++ b/templates/set.html
@@ -8,25 +8,23 @@
     <div class="col-12">
       {% if all_instances and all_instances | length > 1 %}
         <!-- Multiple instances view with drawer-style header -->
-        <div class="alert alert-info p-0">
+        <div class="alert alert-info mb-3">
           <!-- Clickable drawer header -->
-          <div class="alert alert-info mb-0" style="cursor: pointer;" data-bs-toggle="collapse"
+          <div class="d-flex justify-content-between align-items-center" style="cursor: pointer;" data-bs-toggle="collapse"
                data-bs-target="#all-instances" aria-expanded="false" aria-controls="all-instances">
-            <div class="d-flex justify-content-between align-items-center">
-              <div>
-                <h4 class="mb-1">
-                  <i class="ri-stack-line me-2"></i>Multiple Copies Available
-                  <span class="badge bg-primary ms-2">{{ all_instances | length }}</span>
-                </h4>
-                <p class="mb-0">This set has {{ all_instances | length }} copies in your collection. Click to view all copies individually.</p>
-              </div>
-              <i class="ri-arrow-down-s-line fs-4" id="copies-toggle-icon"></i>
+            <div>
+              <h4 class="mb-1">
+                <i class="ri-stack-line me-2"></i>Multiple Copies Available
+                <span class="badge bg-primary ms-2">{{ all_instances | length }}</span>
+              </h4>
+              <p class="mb-0">This set has {{ all_instances | length }} copies in your collection. Click to view all copies individually.</p>
             </div>
+            <i class="ri-arrow-down-s-line fs-4" id="copies-toggle-icon"></i>
           </div>
 
           <!-- Collapsible instances section -->
-          <div class="collapse" id="all-instances">
-            <div class="px-3 pb-3">
+          <div class="collapse mt-3" id="all-instances">
+            <div class="border-top pt-3">
               <div class="row">
                 {% set current_item_id = item.fields.id %}
                 {% for instance in all_instances %}