From ca599be5c3d615fb89fd3d03e40d3d0cd403ba7b Mon Sep 17 00:00:00 2001
From: mARTin-B78 <mail@martin-bierschenk.de>
Date: Tue, 23 Jun 2026 10:40:48 +0200
Subject: [PATCH] style: reduce gap between stars in compact rating display

---
 static/index.html          | 2 +-
 static/js/voice-library.js | 2 +-
 static/style.css           | 6 ++++++
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/static/index.html b/static/index.html
index 40e055d..ae0601c 100644
--- a/static/index.html
+++ b/static/index.html
@@ -26,7 +26,7 @@
 
   <!-- ── Core styles (local — no CDN dependency for first paint) ────────── -->
   <link rel="stylesheet" href="/static/vendor/mdi/materialdesignicons.min.css">
-  <link rel="stylesheet" href="/static/style.css?v=1.8.0-10">
+  <link rel="stylesheet" href="/static/style.css?v=1.8.0-11">
 
 
   <!-- ── Flag icons — non-blocking (loaded async, icons appear after JS) ── -->
diff --git a/static/js/voice-library.js b/static/js/voice-library.js
index d8f9aea..3bb72d7 100644
--- a/static/js/voice-library.js
+++ b/static/js/voice-library.js
@@ -1908,7 +1908,7 @@ function makeVoiceRow(v) {
           <span class="vl-lang-label" title="${escHtml(currentFlag || langCode)}">${flagEmoji}</span>
           ${gender ? `<span class="vl-gender-letter ${genderClass[gender]||'g-n'}" title="${genderLabel[gender]||''}">${genderMapLetter[gender]||'?'}</span>` : ''}
           ${benchText !== '-' ? `<span class="vl-bench-chip ${benchCls}" title="${escHtml(benchTitle)}"><span class="mdi mdi-timer-outline"></span> ${escHtml(benchText.split(' ')[0])}</span>` : ''}
-          <div class="vr-rating" style="font-size:13px;min-height:unset">${starsHtml}</div>
+          <div class="vr-rating">${starsHtml}</div>
           <span class="vl-type-label ${isClone ? 'vl-type-clone' : 'vl-type-design'}">${isClone ? 'Clone' : 'Design'}</span>
         </div>
       </div>
diff --git a/static/style.css b/static/style.css
index b62ba30..7db304a 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1374,6 +1374,12 @@ code { background: var(--panel); border-radius: 4px; padding: 1px 5px; font-fami
 .vl-gender-letter.g-n { background: rgba(156, 163, 175, 0.15); color: #9ca3af; }
 .vl-flag { font-size: 14px; color: var(--subtext); }
 
+.vl-meta .vr-rating {
+  font-size: 13px;
+  min-height: unset;
+  gap: 0;
+}
+
 /* Benchmark speed chip — compact list row + inspector header */
 .vl-meta .vl-bench-chip { margin-left: 2px; }
 .vl-bench-chip {