thin sidebar again

web/index.html

@@ -22,13 +22,11 @@
         <div class="flex center">
           <label>
             <input type="radio" name="metricKind" value="compare" />
-            <div class="toggle-label | center pill-shape highlight-border">
-              Comparison
-            </div>
+            <div class="toggle-label | center pill-shape highlight-border">Compare</div>
           </label>
           <label>
             <input type="radio" name="metricKind" value="stat" />
-            <div class="toggle-label | center pill-shape highlight-border">Statistic</div>
+            <div class="toggle-label | center pill-shape highlight-border">Stat</div>
           </label>
         </div>
         <select class="pill-shape highlight-border" name="compare" disabled>

web/styles.css

@@ -180,7 +180,7 @@ body {
   transition: accent-color 250ms, color 250ms, background-color 250ms;
 
   display: grid;
-  grid-template-columns: 24ch 1fr 12ch;
+  grid-template-columns: 22ch 1fr 12ch;
 }
 
 body > * + :not(:last-child) {