From f64d1715d81557feb815fdb06237b293e0eee400 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Wed, 1 Oct 2025 09:54:17 -0500
Subject: [PATCH] Tighten up Fizzy bar, simplify try toggles

---
 app/assets/stylesheets/_global.css | 2 +-
 app/assets/stylesheets/bar.css     | 2 +-
 app/assets/stylesheets/trays.css   | 6 ++----
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/_global.css b/app/assets/stylesheets/_global.css
index 1e1b75cab..5edab527f 100644
--- a/app/assets/stylesheets/_global.css
+++ b/app/assets/stylesheets/_global.css
@@ -49,7 +49,7 @@
 
   /* Components */
   --btn-size: 2.65em;
-  --footer-height: 3.5rem;
+  --footer-height: 2.65rem;
   --tray-size: clamp(12rem, 25dvw, 24rem);
 
   /* Focus rings for keyboard navigation */
diff --git a/app/assets/stylesheets/bar.css b/app/assets/stylesheets/bar.css
index dc5feaef8..23bd31812 100644
--- a/app/assets/stylesheets/bar.css
+++ b/app/assets/stylesheets/bar.css
@@ -10,7 +10,7 @@
     font-size: 0.9em;
     inset: auto 0 0 0;
     max-block-size: 100%;
-    padding: var(--block-space) calc(var(--tray-size) + calc(var(--inline-space) * 3)) calc(var(--block-space) + env(safe-area-inset-bottom));
+    padding: 0 calc(var(--tray-size) + calc(var(--inline-space) * 3)) env(safe-area-inset-bottom);
     place-content: center;
     position: fixed;
     z-index: var(--z-terminal);
diff --git a/app/assets/stylesheets/trays.css b/app/assets/stylesheets/trays.css
index 6dc2b049e..a933a0fcf 100644
--- a/app/assets/stylesheets/trays.css
+++ b/app/assets/stylesheets/trays.css
@@ -6,6 +6,7 @@
     --tray-duration: 350ms;
     --tray-margin: 0.5rem;
     --tray-radius: 0.25rem;
+    --tray-item-height: 76px; /* FIXME: Magic number */
 
     align-items: end;
     block-size: var(--footer-height);
@@ -132,11 +133,9 @@
 
   .tray__toggle-btn {
     --btn-background: transparent;
-    --btn-border-color: var(--color-ink);
+    --btn-border-size: 0;
     --btn-color: var(--color-ink);
 
-    border-style: dashed;
-    border-radius: 1ch;
     inline-size: 100%;
     opacity: 0.66;
   }
@@ -146,7 +145,6 @@
 
   .tray__item {
     --tray-item-delay: calc((var(--tray-item-index) - 1) * 20ms);
-    --tray-item-height: 76px; /* FIXME: Magic number */
     --tray-item-index: 1;
     --tray-item-margin: calc(-1 * var(--tray-item-height) + var(--tray-item-offset));
     --tray-item-offset: var(--block-space-half); /* The amount they overlap */