From ed0492e2f42fc18e6584ef477bf08c251079cf58 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Mon, 21 Jul 2025 16:30:56 -0500
Subject: [PATCH] Use smaller action size on mobile

---
 app/assets/stylesheets/events.css | 9 +++++++++
 app/views/events/index.html.erb   | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/events.css b/app/assets/stylesheets/events.css
index fa1674f76..0b5b491e6 100644
--- a/app/assets/stylesheets/events.css
+++ b/app/assets/stylesheets/events.css
@@ -1,4 +1,13 @@
 @layer components {
+  /* Events header
+  /* ------------------------------------------------------------------------ */
+
+  .header.events-header {
+    @media (min-width: 640px) {
+      --header-actions-width: 7rem;
+    }
+  }
+
   /* Event column layout
   /* ------------------------------------------------------------------------ */
 
diff --git a/app/views/events/index.html.erb b/app/views/events/index.html.erb
index 7bcf1fc15..66b1f1b3e 100644
--- a/app/views/events/index.html.erb
+++ b/app/views/events/index.html.erb
@@ -8,7 +8,7 @@
   </nav>
 <% end %>
 
-<header class="header margin-block-end" style="--header-button-count: 3;">
+<header class="events-header header margin-block-end">
   <div class="header__actions header__actions--start">
     <% if collection = @filter.single_collection || Current.user.collections.ordered_by_recently_accessed.first %>
       <%= button_to collection_cards_path(collection), method: :post, class: "btn btn--link btn--circle-mobile" do %>