From d3e76f3be52270dcb37fbbe969903df3b8325f5c Mon Sep 17 00:00:00 2001
From: Herculino Trotta <netotrotta@gmail.com>
Date: Sat, 26 Oct 2024 01:49:07 -0300
Subject: [PATCH] fix: weird animation when collapsing monthly headers

---
 app/templates/monthly_overview/fragments/list.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/templates/monthly_overview/fragments/list.html b/app/templates/monthly_overview/fragments/list.html
index eaafc9f..d79d7f1 100644
--- a/app/templates/monthly_overview/fragments/list.html
+++ b/app/templates/monthly_overview/fragments/list.html
@@ -12,7 +12,7 @@
         end">
   {% for x in transactions_by_date %}
     <div>
-      <div class="my-3 w-100 tw-text-base border-bottom bg-body">
+      <div class="mt-3 mb-1 w-100 tw-text-base border-bottom bg-body">
         <a class="text-decoration-none d-inline-block w-100"
            role="button"
            data-bs-toggle="collapse"
@@ -24,7 +24,7 @@
         </a>
       </div>
       <div class="collapse show" id="{{ x.grouper|slugify }}">
-        <div class="">
+        <div class="d-flex flex-column">
         {% for transaction in x.list %}
           <c-transaction.item
             :transaction="transaction"></c-transaction.item>