Give every admin page one horizontal gutter

by many views inside. The inner ones are gone

nodes#edit's becomes #body_field, which is what #edit_grid places in its
full-width row.

Rows now reach into the label band themselves rather than depending on a
page wrapper to do it. The label column plus its gap equals the escape, so
a row's content starts at the gutter on every page; #edit_grid's rows are
exempt because the grid already steps back.

share one left edge. #new_node's -118px was compensating for that 10px and
left the page 7px out once it went. standalone_action_bar was overridden
everywhere it appeared.

page_translations#edit no longer uses #edit_grid: it has no metadata column,
so the two-column template pushed its abstract into the empty half.

nodes#edit's lower action bar was inside #edit_grid, so it was a grid item
inheriting the escape and sat 125px left of the form above it.

1 files changed, 33 insertions, 26 deletions

diff --git a/app/views/page_translations/edit.html.erb b/app/views/page_translations/edit.html.erb
index 20ec1c9a..3a4c8659 100644
--- a/app/views/page_translations/edit.html.erb
+++ b/app/views/page_translations/edit.html.erb
@@ -2,7 +2,7 @@
   <%= t(".editing_prefix") %> <strong><%= @locale.to_s.upcase %></strong> <%= t(".translation_of") %> <strong><%= title_for_node(@node) %></strong>.
 </div>
 
-<p class="node_action_bar standalone_action_bar"><%= link_to t("page_translations.revision_history_link"), node_revisions_path(@node, :translation_locale => @locale) %></p>
+<p class="node_action_bar"><%= link_to t("page_translations.revision_history_link"), node_revisions_path(@node, :translation_locale => @locale) %></p>
 
 <p class="field_hint">
   <%= t(".metadata_hint_prefix") %> <%= link_to t(".metadata_hint_link"), edit_node_path(@node) %>.
@@ -27,38 +27,45 @@
       </li>
     <% end %>
   </ul>
+
   <%= form_with url: node_translation_path(@node, @locale), method: :patch, local: true, id: "translation_edit_form",
         data: { autosave_url: autosave_node_translation_path(@node, @locale), show_url: node_path(@node) } do |f| %>
-    <div id="edit_grid">
-      <div id="content">
-        <div class="layout_row_label"><%= Page.human_attribute_name(:title) %></div>
-        <div class="layout_row_content">
-          <%= text_field_tag "page[title]", @translation&.title %>
-        </div>
+    <div class="layout_row">
+      <div class="layout_row_label"><%= Page.human_attribute_name(:title) %></div>
+      <div class="layout_row_content">
+        <%= text_field_tag "page[title]", @translation&.title %>
+      </div>
+    </div>
 
-        <div class="layout_row_label"><%= Page.human_attribute_name(:abstract) %></div>
-        <div class="layout_row_content">
-          <%= text_area_tag "page[abstract]", @translation&.abstract %>
-        </div>
+    <div class="layout_row">
+      <div class="layout_row_label"><%= Page.human_attribute_name(:abstract) %></div>
+      <div class="layout_row_content">
+        <%= text_area_tag "page[abstract]", @translation&.abstract %>
+      </div>
+    </div>
 
+    <div id="body_field">
+      <div class="layout_row">
         <div class="layout_row_label"><%= Page.human_attribute_name(:body) %></div>
-        <div class="body_toolbar_row">
-          <button type="button" id="preview_toggle" class="view_toggle" aria-pressed="false" aria-label="<%= t("admin.common.toggle_preview") %>" title="<%= t("admin.common.toggle_preview") %>">
-            <%= icon("layout-sidebar-right", library: "tabler", "aria-hidden": true) %> <span><%= t("nodes.edit.live_preview") %></span>
-          </button>
-          <button type="button" id="preview_force_render" class="view_toggle" style="display:none" aria-label="<%= t("admin.common.force_render") %>" title="<%= t("admin.common.force_render") %>">
-            <%= icon("refresh", library: "tabler", "aria-hidden": true) %> <span><%= t("nodes.edit.force_refresh") %></span>
-          </button>
-        </div>
+        <div class="layout_row_content">
+          <div class="body_toolbar_row">
+            <button type="button" id="preview_toggle" class="view_toggle" aria-pressed="false" aria-label="<%= t("admin.common.toggle_preview") %>" title="<%= t("admin.common.toggle_preview") %>">
+              <%= icon("layout-sidebar-right", library: "tabler", "aria-hidden": true) %> <span><%= t("nodes.edit.live_preview") %></span>
+            </button>
+            <button type="button" id="preview_force_render" class="view_toggle" style="display:none" aria-label="<%= t("admin.common.force_render") %>" title="<%= t("admin.common.force_render") %>">
+              <%= icon("refresh", library: "tabler", "aria-hidden": true) %> <span><%= t("nodes.edit.force_refresh") %></span>
+            </button>
+          </div>
 
-        <div id="editor_and_preview">
-          <div class="preview_content">
-            <div class="layout_row_content">
-              <%= text_area_tag "page[body]", @translation&.body, :class => 'with_editor' %>
+          <div id="editor_and_preview">
+            <div class="preview_content">
+              <div class="layout_row_content">
+                <%= text_area_tag "page[body]", @translation&.body, :class => 'with_editor' %>
+              </div>
+            </div>
+            <div id="preview_panel" style="display:none">
+              <iframe id="live_preview_iframe" title="<%= t("nodes.edit.live_preview") %>" data-src="<%= preview_page_path(@page, :locale => @locale) %>"></iframe>
             </div>
-          </div>
-          <div id="preview_panel" style="display:none">
-            <iframe id="live_preview_iframe" title="<%= t("nodes.edit.live_preview") %>" data-src="<%= preview_page_path(@page, :locale => @locale) %>"></iframe>
           </div>
         </div>
       </div>