From d18555f8f9b3ca720f9e6126d5fb8ad88da87c1a Mon Sep 17 00:00:00 2001
From: Matthew Dean <matthew-dean@users.noreply.github.com>
Date: Thu, 3 Sep 2026 07:56:11 -0700
Subject: [PATCH] fix: left-align switch labels; shorten the deprecated minify
 label

The switch rows are buttons, so a label that wrapped ('Minify output
(deprecated)') centered its second line under the track. Left-align the
label, let it take the row's width, and shorten the label so it fits on
one line.
---
 src/App.vue    | 4 ++++
 src/options.ts | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 4c58d52..bd10d8b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -157,6 +157,10 @@ body {
     padding: 0;
     font: inherit;
     color: @muted;
+    text-align: left;
+    > span:first-child {
+      flex: 1;
+    }
     cursor: pointer;
     &:focus-visible .switch-track {
       outline: 2px solid @accent;
diff --git a/src/options.ts b/src/options.ts
index 6344bf4..f8fb13b 100644
--- a/src/options.ts
+++ b/src/options.ts
@@ -36,7 +36,7 @@ const all: OptionDescriptor[] = [
   { key: 'strictUnits', label: 'Strict units', type: 'switch', max: '5.0.0' },
   { key: 'unitMode', label: 'Unit mode', type: 'select', values: ['loose', 'strict', 'preserve'], min: '5.0.0' },
   { key: 'collapseNesting', label: 'Collapse nesting', type: 'switch', min: '5.0.0' },
-  { key: 'compress', label: 'Minify output (deprecated)', type: 'switch', max: '5.0.0' }
+  { key: 'compress', label: 'Minify (deprecated)', type: 'switch', max: '5.0.0' }
 ]
 
 // Numeric core only: "5.0.0-alpha.2" compares as 5.0.0; "4.x" as 4.0.0.