From b299c63ee3ffce8413545c226919ab5498dd88fa Mon Sep 17 00:00:00 2001
From: Michael Czechowski <mail@dailysh.it>
Date: Tue, 30 Dec 2025 20:15:52 +0100
Subject: [PATCH] fix: improve module name truncation in pill

- Add min-width: 0 and flex-shrink to pill for proper flex behavior
- Reduce max-width to 120px desktop, 80px mobile
---
 src/main.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/main.css b/src/main.css
index 1d797af..27f626c 100644
--- a/src/main.css
+++ b/src/main.css
@@ -238,6 +238,8 @@ code, kbd {
 	border-radius: 16px;
 	font-size: 0.8rem;
 	font-weight: 600;
+	min-width: 0;
+	flex-shrink: 1;
 }
 
 .module-name {
@@ -246,7 +248,7 @@ code, kbd {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
-	max-width: 150px;
+	max-width: 120px;
 }
 
 .module-pill .level-indicator {
@@ -1084,7 +1086,7 @@ input:checked + .toggle-slider::before {
 	}
 
 	.module-name {
-		max-width: 100px;
+		max-width: 80px;
 	}
 
 	.level-label {