From 9ca73eb16260d8ba2cb9656da564b2f97d3a9d0f Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Fri, 3 Jul 2026 16:50:12 -0700
Subject: [PATCH] Add small badge

---
 src/app/components/RoleBadge.svelte | 2 +-
 src/lib/components/badge.css        | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/components/RoleBadge.svelte b/src/app/components/RoleBadge.svelte
index 6e51a6d4..e94de592 100644
--- a/src/app/components/RoleBadge.svelte
+++ b/src/app/components/RoleBadge.svelte
@@ -9,7 +9,7 @@
 </script>
 
 <div
-  class="badge w-fit min-w-0"
+  class="badge badge-sm w-fit min-w-0"
   style="background-color: {roleColorSoft(role.color)}; border-color: {roleColor(
     role.color,
   )}; color: {roleColor(role.color)};">
diff --git a/src/lib/components/badge.css b/src/lib/components/badge.css
index 48715bed..e8af2021 100644
--- a/src/lib/components/badge.css
+++ b/src/lib/components/badge.css
@@ -2,6 +2,10 @@
   .badge {
     @apply inline-flex items-center gap-1 rounded-full border-2 border-solid border-transparent px-2 py-1 text-sm font-semibold whitespace-nowrap;
 
+    &.badge-sm {
+      @apply h-6 text-xs;
+    }
+
     &.badge-neutral {
       @apply bg-surface-less text-content-muted border-line;
     }