From efb0fd5237b9ba86b5dcdd03502b00e6fd5dd87c Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Mon, 6 Oct 2025 13:59:02 -0500
Subject: [PATCH] Use button instead of header for expander

---
 app/views/collections/show/_column.html.erb   | 2 +-
 app/views/collections/show/_expander.html.erb | 6 +++---
 app/views/collections/show/_stream.html.erb   | 1 +
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/views/collections/show/_column.html.erb b/app/views/collections/show/_column.html.erb
index f4043bccb..ed667047d 100644
--- a/app/views/collections/show/_column.html.erb
+++ b/app/views/collections/show/_column.html.erb
@@ -11,7 +11,7 @@
     <%= render "collections/show/menu/column", column: column %>
   <% end %>
 
-  <%= link_to collection_column_path(column.collection, column), class: "btn btn--circle txt-x-small borderless cards__expander-button", data: { turbo_frame: "_top" } do %>
+  <%= link_to collection_column_path(column.collection, column), class: "cards__expander-button btn btn--circle txt-x-small borderless", data: { turbo_frame: "_top" } do %>
     <%= icon_tag "expand", class: "translucent" %>
     <span class="for-screen-reader">Expand column</span>
   <% end %>
diff --git a/app/views/collections/show/_expander.html.erb b/app/views/collections/show/_expander.html.erb
index 42a2035ff..91e6466da 100644
--- a/app/views/collections/show/_expander.html.erb
+++ b/app/views/collections/show/_expander.html.erb
@@ -1,6 +1,6 @@
-<header class="cards__expander" data-collapsible-columns-target="button" data-action="click->collapsible-columns#toggle"
-  style="--card-count: <%= [ count, 20 ].min %>" role="button" aria-controls="<%= column_id %>" aria-expanded="false">
+<button class="cards__expander btn btn--plain" data-collapsible-columns-target="button" data-action="click->collapsible-columns#toggle"
+  style="--card-count: <%= [ count, 20 ].min %>" aria-controls="<%= column_id %>" aria-expanded="false">
   <span class="cards__expander-count" data-drag-and-drop-counter="true"><%= count > 99 ? "99+" : count %></span>
   <h2 class="cards__expander-title"><%= title %></h2>
-</header>
+</button>
 <%= yield if block_given? %>
diff --git a/app/views/collections/show/_stream.html.erb b/app/views/collections/show/_stream.html.erb
index 9d0d932b3..e55f33662 100644
--- a/app/views/collections/show/_stream.html.erb
+++ b/app/views/collections/show/_stream.html.erb
@@ -12,6 +12,7 @@
         <span class="for-screen-reader">Expand column</span>
       <% end %>
     </header>
+
     <%= render "columns/show/add_card_button", collection: collection %>
 
     <% if page.used? %>