From baa894183be6ae3ac0d4d5c7bb3fde7de38a6606 Mon Sep 17 00:00:00 2001
From: Carlos Company <carlos.company@lansweeper.com>
Date: Tue, 31 Dec 2024 10:28:17 +0100
Subject: [PATCH] fix: add padding to ButtonLink badge div (#251)

When the number of posts in a category reaches 4 or even 3 digits the component does not look correct.
---
 src/components/control/ButtonLink.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/control/ButtonLink.astro b/src/components/control/ButtonLink.astro
index d7f25f27..081fc859 100644
--- a/src/components/control/ButtonLink.astro
+++ b/src/components/control/ButtonLink.astro
@@ -31,7 +31,7 @@ const { badge, url, label } = Astro.props
                 <slot></slot>
             </div>
             { badge !== undefined && badge !== null && badge !== '' &&
-                <div class="transition h-7 ml-4 min-w-[2rem] rounded-lg text-sm font-bold
+                <div class="transition px-2 h-7 ml-4 min-w-[2rem] rounded-lg text-sm font-bold
                     text-[var(--btn-content)] dark:text-[var(--deep-text)]
                     bg-[oklch(0.95_0.025_var(--hue))] dark:bg-[var(--primary)]
                     flex items-center justify-center">