From 0ffaf75c328b11a7cdcbb8dbb9626bad70812a86 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Thu, 28 Aug 2025 14:08:16 -0500
Subject: [PATCH 1/2] Remove blue outline, ensure hover state is visible in
 dark mode

---
 app/assets/stylesheets/fizzy-menu.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/fizzy-menu.css b/app/assets/stylesheets/fizzy-menu.css
index df3007c12..050a4fd9c 100644
--- a/app/assets/stylesheets/fizzy-menu.css
+++ b/app/assets/stylesheets/fizzy-menu.css
@@ -1,9 +1,9 @@
 @layer components {
   .input:is(.fizzy-menu-trigger) {
-    --input-border-color: var(--color-selected-dark);
+    --input-background: var(--color-canvas);
+    --input-border-color: transparent;
     --input-padding: 0.2em 2em 0.2em 0.9em;
 
-    background-color: var(--color-canvas);
     inline-size: auto;
     margin-block-start: 0.1em;
 
@@ -14,6 +14,10 @@
     @media (any-hover: hover) {
       &:hover {
         filter: brightness(0.9);
+
+        @media (prefers-color-scheme: dark) {
+          --input-background: var(--color-ink-lighter);
+        }
       }
     }
 

From b1feebb1295291e7bec5fed89ae0a2b1782a456e Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Thu, 28 Aug 2025 14:12:01 -0500
Subject: [PATCH 2/2] Balance buttons

---
 app/views/cards/_collection_settings.html.erb | 2 --
 app/views/cards/index.html.erb                | 6 +++++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/views/cards/_collection_settings.html.erb b/app/views/cards/_collection_settings.html.erb
index b591a022c..318eeb70c 100644
--- a/app/views/cards/_collection_settings.html.erb
+++ b/app/views/cards/_collection_settings.html.erb
@@ -1,5 +1,3 @@
-<%= access_involvement_advance_button collection, Current.user %>
-
 <%= link_to edit_collection_path(collection), class: "btn tooltip" do %>
   <%= icon_tag "settings" %>
   <span class="for-screen-reader">Settings for <%= collection.name %></span>
diff --git a/app/views/cards/index.html.erb b/app/views/cards/index.html.erb
index 305b0fbed..258fb089d 100644
--- a/app/views/cards/index.html.erb
+++ b/app/views/cards/index.html.erb
@@ -11,7 +11,11 @@
 <% content_for :header do %>
   <%= render "filters/menu", user_filtering: @user_filtering %>
 
-  <div class="header__actions header__actions--start"></div>
+  <div class="header__actions header__actions--start">
+    <% if collection = @filter.single_collection %>
+      <%= access_involvement_advance_button collection, Current.user %>
+    <% end %>
+  </div>
 
   <h1 class="header__title overflow-ellipsis" style="view-transistion-name: card-collection-title">
     <%= @user_filtering.selected_collections_label %>