Merge pull request #1771 from basecamp/webhooks-layout

Fix layouts and backlinks

Author: jzimdars

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" } %>

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 %>

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" } %>

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>