From 7e008864f2200feddfb87dceeb3b06eae44e7bf5 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Wed, 19 Nov 2025 16:04:21 -0600
Subject: [PATCH] Ensure back buttons collapse to icons on small screens

---
 app/views/account/join_codes/edit.html.erb   | 3 ++-
 app/views/account/join_codes/show.html.erb   | 3 ++-
 app/views/users/edit.html.erb                | 3 ++-
 app/views/users/email_addresses/new.html.erb | 3 ++-
 app/views/webhooks/show.html.erb             | 3 ++-
 5 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/views/account/join_codes/edit.html.erb b/app/views/account/join_codes/edit.html.erb
index 44854c6d0..7f22b9318 100644
--- a/app/views/account/join_codes/edit.html.erb
+++ b/app/views/account/join_codes/edit.html.erb
@@ -2,8 +2,9 @@
 
 <% content_for :header do %>
   <div class="header__actions header__actions--start">
-    <%= link_to account_join_code_path, class: "btn borderless txt-medium", data: { controller: "hotkey", action: "keydown.left@document->hotkey#click" } do %>
+    <%= link_to account_join_code_path, class: "btn btn--back borderless txt-medium", data: { controller: "hotkey", action: "keydown.left@document->hotkey#click" } do %>
       <span class="overflow-ellipsis flex align-center">
+        <%= icon_tag "arrow-left" %>
         <strong>Back to Invite link</strong>
         <kbd class="txt-x-small margin-inline-start hide-on-touch">&larr;</kbd>
       </span>
diff --git a/app/views/account/join_codes/show.html.erb b/app/views/account/join_codes/show.html.erb
index d16006019..b20d48b98 100644
--- a/app/views/account/join_codes/show.html.erb
+++ b/app/views/account/join_codes/show.html.erb
@@ -2,8 +2,9 @@
 
 <% content_for :header do %>
   <div class="header__actions header__actions--start">
-    <%= link_to account_settings_path, class: "btn borderless txt-medium", data: { controller: "hotkey", action: "keydown.left@document->hotkey#click" } do %>
+    <%= link_to account_settings_path, class: "btn btn--back borderless txt-medium", data: { controller: "hotkey", action: "keydown.left@document->hotkey#click" } do %>
       <span class="overflow-ellipsis flex align-center">
+        <%= icon_tag "arrow-left" %>
         <strong>Back to Account Settings</strong>
         <kbd class="txt-x-small margin-inline-start hide-on-touch">&larr;</kbd>
       </span>
diff --git a/app/views/users/edit.html.erb b/app/views/users/edit.html.erb
index 5ac5e7807..1646c3944 100644
--- a/app/views/users/edit.html.erb
+++ b/app/views/users/edit.html.erb
@@ -2,8 +2,9 @@
 
 <% content_for :header do %>
   <div class="header__actions header__actions--start">
-    <%= link_to user_path(@user), class: "btn borderless txt-medium", data: { controller: "hotkey", action: "keydown.left@document->hotkey#click" } do %>
+    <%= link_to user_path(@user), class: "btn btn--back borderless txt-medium", data: { controller: "hotkey", action: "keydown.left@document->hotkey#click" } do %>
       <span class="overflow-ellipsis flex align-center">
+        <%= icon_tag "arrow-left" %>
         <strong>Back to profile</strong>
         <kbd class="txt-x-small margin-inline-start hide-on-touch">&larr;</kbd>
       </span>
diff --git a/app/views/users/email_addresses/new.html.erb b/app/views/users/email_addresses/new.html.erb
index 193911672..8b0f1cbcf 100644
--- a/app/views/users/email_addresses/new.html.erb
+++ b/app/views/users/email_addresses/new.html.erb
@@ -2,8 +2,9 @@
 
 <% content_for :header do %>
   <div class="header__actions header__actions--start">
-    <%= link_to edit_user_path(@user, script_name: @user.account.slug), class: "btn borderless txt-medium", data: { controller: "hotkey", action: "keydown.left@document->hotkey#click" } do %>
+    <%= link_to edit_user_path(@user, script_name: @user.account.slug), class: "btn btn--back borderless txt-medium", data: { controller: "hotkey", action: "keydown.left@document->hotkey#click" } do %>
       <span class="overflow-ellipsis flex align-center">
+        <%= icon_tag "arrow-left" %>
         <strong>Back to My profile</strong>
         <kbd class="txt-x-small margin-inline-start hide-on-touch">&larr;</kbd>
       </span>
diff --git a/app/views/webhooks/show.html.erb b/app/views/webhooks/show.html.erb
index 4dbef81d3..673df0df3 100644
--- a/app/views/webhooks/show.html.erb
+++ b/app/views/webhooks/show.html.erb
@@ -2,8 +2,9 @@
 
 <% content_for :header do %>
   <div class="header__actions header__actions--start">
-    <%= link_to board_webhooks_path, class: "btn borderless txt-medium", data: { controller: "hotkey", action: "keydown.left@document->hotkey#click" } do %>
+    <%= link_to board_webhooks_path, class: "btn btn--back borderless txt-medium", data: { controller: "hotkey", action: "keydown.left@document->hotkey#click" } do %>
       <span class="overflow-ellipsis flex align-center">
+        <%= icon_tag "arrow-left" %>
         <strong>Back to Webhooks</strong>
         <kbd class="txt-x-small margin-inline-start hide-on-touch">&larr;</kbd>
       </span>