From 656bef4a50ef1d1172f7be5614812548d367b517 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Mon, 1 Dec 2025 11:06:51 -0600
Subject: [PATCH] Fix layouts and backlinks

---
 app/views/webhooks/edit.html.erb  |  2 +-
 app/views/webhooks/index.html.erb |  2 +-
 app/views/webhooks/new.html.erb   |  4 ++--
 app/views/webhooks/show.html.erb  | 12 ++++--------
 4 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/app/views/webhooks/edit.html.erb b/app/views/webhooks/edit.html.erb
index 70e9fa34e..695aac8b5 100644
--- a/app/views/webhooks/edit.html.erb
+++ b/app/views/webhooks/edit.html.erb
@@ -6,7 +6,7 @@
   </div>
 <% end %>
 
-<article class="panel center txt-align-start" style="view-transition-name: <%= dom_id(@webhook) %>">
+<article class="panel panel--wide center txt-align-start" style="view-transition-name: <%= dom_id(@webhook) %>">
   <%= form_with model: @webhook, url: @webhook, method: :put, data: { controller: "form" }, html: { class: "flex flex-column gap" } do |form| %>
     <h2 class="txt-large margin-none">
       <%= form.text_field :name, required: true, autofocus: true, class: "input full-width", placeholder: "Name your Webhook…", data: { action: "keydown.esc@document->form#cancel" } %>
diff --git a/app/views/webhooks/index.html.erb b/app/views/webhooks/index.html.erb
index 0652eba7c..e8f72c0a4 100644
--- a/app/views/webhooks/index.html.erb
+++ b/app/views/webhooks/index.html.erb
@@ -8,7 +8,7 @@
   <h1 class="header__title"><%= @page_title %></h1>
 <% end %>
 
-<%= tag.section class: "panel shadow center webhooks" do %>
+<%= tag.section class: "panel panel--wide shadow center webhooks" do %>
   <% if @page.records.any? %>
     <ul class="flex flex-column align-start gap margin-none-block-start unpad webhooks-list">
       <%= render partial: "webhooks/webhook", collection: @page.records %>
diff --git a/app/views/webhooks/new.html.erb b/app/views/webhooks/new.html.erb
index c722ff9db..791341b0c 100644
--- a/app/views/webhooks/new.html.erb
+++ b/app/views/webhooks/new.html.erb
@@ -2,13 +2,13 @@
 
 <% content_for :header do %>
   <div class="header__actions header__actions--start">
-    <%= link_back_to_board(@board) %>
+    <%= back_link_to "Webhooks", board_webhooks_path, "keydown.left@document->hotkey#click" %>
   </div>
 
   <h1 class="header__title"><%= @page_title %></h1>
 <% end %>
 
-<article class="panel center txt-align-start" style="view-transition-name: <%= dom_id(@webhook) %>">
+<article class="panel panel--wide center txt-align-start" style="view-transition-name: <%= dom_id(@webhook) %>">
   <%= form_with model: @webhook, url: board_webhooks_path, data: { controller: "form" }, html: { class: "flex flex-column gap" } do |form| %>
     <h2 class="txt-large margin-none">
       <%= form.text_field :name, required: true, autofocus: true, class: "input", placeholder: "Name this Webhook…", data: { action: "keydown.esc@document->form#cancel" } %>
diff --git a/app/views/webhooks/show.html.erb b/app/views/webhooks/show.html.erb
index 673df0df3..ef0604909 100644
--- a/app/views/webhooks/show.html.erb
+++ b/app/views/webhooks/show.html.erb
@@ -2,13 +2,9 @@
 
 <% content_for :header do %>
   <div class="header__actions header__actions--start">
-    <%= 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>
-    <% end %>
+    <div class="header__actions header__actions--start">
+      <%= back_link_to "Webhooks", board_webhooks_path, "keydown.left@document->hotkey#click" %>
+    </div>
   </div>
 
   <div class="header__actions header__actions--end">
@@ -19,7 +15,7 @@
   <div>
 <% end %>
 
-<div class="panel shadow center flex flex-column gap txt-align-start">
+<div class="panel panel--wide shadow center flex flex-column gap txt-align-start">
   <header>
     <h1 class="txt-x-large margin-none"><%= @webhook.name %></h1>
     <span class="txt-medium txt-break"><%= @webhook.url %></span>