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, 25 insertions, 13 deletions

diff --git a/app/views/page_translations/show.html.erb b/app/views/page_translations/show.html.erb
index 5f94ac38..b230c35e 100644
--- a/app/views/page_translations/show.html.erb
+++ b/app/views/page_translations/show.html.erb
@@ -1,29 +1,41 @@
 <h1><%= t(".title") %> — <%= title_for_node(@node) %></h1>
 
-<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>
 
 <div class="translation_compare">
   <div class="translation_compare_column">
     <h2><%= @locale.to_s.upcase %></h2>
-    <div class="layout_row_label"><%= Page.human_attribute_name(:title) %></div>
-    <div class="layout_row_content"><%= @translation&.title %></div>
+    <div class="layout_row">
+      <div class="layout_row_label"><%= Page.human_attribute_name(:title) %></div>
+      <div class="layout_row_content"><%= @translation&.title %></div>
+    </div>
 
-    <div class="layout_row_label"><%= Page.human_attribute_name(:abstract) %></div>
-    <div class="layout_row_content"><%= sanitize(@translation&.abstract.to_s) %></div>
+    <div class="layout_row">
+      <div class="layout_row_label"><%= Page.human_attribute_name(:abstract) %></div>
+      <div class="layout_row_content"><%= sanitize(@translation&.abstract.to_s) %></div>
+    </div>
 
-    <div class="layout_row_label"><%= Page.human_attribute_name(:body) %></div>
-    <div class="layout_row_content"><%= sanitize(@translation&.body.to_s) %></div>
+    <div class="layout_row">
+      <div class="layout_row_label"><%= Page.human_attribute_name(:body) %></div>
+      <div class="layout_row_content"><%= sanitize(@translation&.body.to_s) %></div>
+    </div>
   </div>
 
   <div class="translation_compare_column">
     <h2><%= I18n.default_locale.to_s.upcase %> (<%= t(".default_marker") %>)</h2>
-    <div class="layout_row_label"><%= Page.human_attribute_name(:title) %></div>
-    <div class="layout_row_content"><%= @default_translation&.title %></div>
+    <div class="layout_row">
+      <div class="layout_row_label"><%= Page.human_attribute_name(:title) %></div>
+      <div class="layout_row_content"><%= @default_translation&.title %></div>
+    </div>
 
-    <div class="layout_row_label"><%= Page.human_attribute_name(:abstract) %></div>
-    <div class="layout_row_content"><%= sanitize(@default_translation&.abstract.to_s) %></div>
+    <div class="layout_row">
+      <div class="layout_row_label"><%= Page.human_attribute_name(:abstract) %></div>
+      <div class="layout_row_content"><%= sanitize(@default_translation&.abstract.to_s) %></div>
+    </div>
 
-    <div class="layout_row_label"><%= Page.human_attribute_name(:body) %></div>
-    <div class="layout_row_content"><%= sanitize(@default_translation&.body.to_s) %></div>
+    <div class="layout_row">
+      <div class="layout_row_label"><%= Page.human_attribute_name(:body) %></div>
+      <div class="layout_row_content"><%= sanitize(@default_translation&.body.to_s) %></div>
+    </div>
   </div>
 </div>