From 940c36245ae1fe65094c5be00cebf5a960abf063 Mon Sep 17 00:00:00 2001
From: Ayo <ayo@ayco.io>
Date: Fri, 8 May 2026 20:06:43 +0200
Subject: [PATCH] feat: wrap label with span.status-indicator-label; add
 0.05rem space on right of icon

---
 src/status-indicator.ts | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/status-indicator.ts b/src/status-indicator.ts
index fbc7c69..b9d234a 100644
--- a/src/status-indicator.ts
+++ b/src/status-indicator.ts
@@ -19,16 +19,19 @@ class StatusIndicator extends WebComponent {
 
     get template(): any {
         return html`
-            <div style=${{
+            <div class="status-indicator-icon" style=${{
                 display: 'inline-block',
                 borderRadius: '50%',
                 cursor: 'pointer',
                 width: '10px',
                 height: '10px',
-                backgroundColor: `rgba(${this.#indicatorColor[this.props.status]})`
+                backgroundColor: `rgba(${this.#indicatorColor[this.props.status]})`,
+                marginRight: '0.05rem'
             }}
             ></div>
-            <slot></slot>
+            <span class="status-indicator-label">
+                <slot></slot>
+            </span>
         `
     }
 }