From 3d273223f2d2db21dc01aad35783d5deab3c7410 Mon Sep 17 00:00:00 2001 From: Keysat Date: Mon, 18 May 2026 17:46:57 -0500 Subject: [PATCH] v0.11.0:2 - pill sizing fix: match .tag exactly to .status "Healthy" pill MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit User feedback: every pill outside the Always-On Services cards was rendering visually taller than the "Healthy" status pill they liked. Root cause was the .tag additions in 0.11.0:1 (line-height: 1.5, display: inline-block) that didn't match the .status pill on service cards (which has neither). Dropped both additions, bumped font-size from 11px → 12px so .tag is now pixel-identical to .status: font-size: 12px; padding: 2px 8px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--border); Every pill on the dashboard (mode-cluster/mode-solo/cap/on-disk/not-on-disk/ custom-pill/.tag.ok/.tag.warn/.tag.bad) now renders at the same footprint as the Healthy/Unhealthy/Starting pills on the service cards. Co-Authored-By: Claude Opus 4.7 (1M context) --- image/app/static/style.css | 4 +--- package/startos/versions/v0_1_0.ts | 4 ++-- 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/image/app/static/style.css b/image/app/static/style.css index e72c466..eea3e8b 100644 --- a/image/app/static/style.css +++ b/image/app/static/style.css @@ -687,9 +687,7 @@ main { border: 1px solid var(--border); padding: 2px 8px; border-radius: 999px; - font-size: 11px; - line-height: 1.5; - display: inline-block; + font-size: 12px; } .tag.mode-cluster { color: var(--info); border-color: rgba(96, 165, 250, 0.4); } .tag.mode-solo { color: var(--accent); border-color: rgba(74, 222, 128, 0.4); } diff --git a/package/startos/versions/v0_1_0.ts b/package/startos/versions/v0_1_0.ts index 51010f2..fe482ae 100644 --- a/package/startos/versions/v0_1_0.ts +++ b/package/startos/versions/v0_1_0.ts @@ -1,10 +1,10 @@ import { VersionInfo, IMPOSSIBLE } from '@start9labs/start-sdk' export const v0_1_0 = VersionInfo.of({ - version: '0.11.0:1', + version: '0.11.0:2', releaseNotes: { en_US: - 'v0.11.0:1 — dashboard polish. Three changes: (1) Below Spark hardware + endpoint, the dashboard now has two tabs — "LLM" (model swap + downloads + spark-vllm-docker updates) and "Audio / Speech" (Parakeet/Magpie services + speech-model patches). Selection persists in localStorage; default is LLM. (2) The OpenAI-compatible Endpoint card now has a collapse/expand chevron in its header; defaults to collapsed since most of the time you don\'t need the URL/model details visible. State persists per-browser. (3) Pill sizing across the page is now identical — the speech-models panel\'s status pills no longer render larger than the model-card tags. Refactor: dropped the dedicated .sm-pill CSS class and reused .tag with semantic color modifiers (.tag.ok / .tag.warn / .tag.bad). No backend changes; this is pure dashboard UX.', + 'v0.11.0:2 — pill sizing fix. The 0.11.0:1 .tag refactor added line-height: 1.5 + display: inline-block, which made every pill on the LLM cards and speech-models panel visually taller than the "Healthy" status pill on the Always-On Services cards. Dropped both additions and bumped .tag font-size from 11px → 12px so every pill on the dashboard now matches the .status pill exactly (12px, default inline, no explicit line-height). Cards, status, on-disk, mode, custom, and speech-model pills all render at the same footprint.', }, migrations: { up: async ({ effects }) => {},