From 6c21089c46c445668db4e9587109dc215aed164b Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Thu, 1 Aug 2024 22:32:06 +0200
Subject: [PATCH] fix(NcCounterBubble): adjust min-width to a circle

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 src/components/NcCounterBubble/NcCounterBubble.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/NcCounterBubble/NcCounterBubble.vue b/src/components/NcCounterBubble/NcCounterBubble.vue
index 483734d70c..d1b5d4a057 100644
--- a/src/components/NcCounterBubble/NcCounterBubble.vue
+++ b/src/components/NcCounterBubble/NcCounterBubble.vue
@@ -76,10 +76,11 @@ export default {
 	overflow: hidden;
 	width: fit-content;
 	max-width: var(--default-clickable-area);
+	min-width: calc(1lh + 2 * var(--default-grid-baseline)); // Make it not narrower than a circle
 	text-align: center;
 	text-overflow: ellipsis;
 	line-height: 1em;
-	padding: 4px 6px;
+	padding: var(--default-grid-baseline);
 	border-radius: var(--border-radius-pill);
 	background-color: var(--color-primary-element-light);
 	font-weight: bold;