summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorerdgeist <erdgeist@erdgeist.org>2026-08-14 00:30:45 +0200
committererdgeist <erdgeist@erdgeist.org>2026-08-14 00:30:45 +0200
commit45d422f6582ac2ebf455a8c8168738db54a76582 (patch)
treecd42362026c42ea5d346aaae7054d2e2a0f644e9
parent73b958e809e01517598727ec49cce7712bf685c5 (diff)
Consolidate .action_button styling from visual nudging
Let containers space their own action buttons: Remove a superfluous margin-bottom from .action_button, their containers already properly arranged them. Align action rows on the text baseline: .aligned_action_row aligns its children on the baseline, so a control sits level with the text beside it without a per-element offset.
-rw-r--r--app/views/nodes/chapters.html.erb2
-rw-r--r--app/views/nodes/show.html.erb2
-rw-r--r--public/stylesheets/admin.css21
3 files changed, 3 insertions, 22 deletions
diff --git a/app/views/nodes/chapters.html.erb b/app/views/nodes/chapters.html.erb
index def56659..bbaf0b8a 100644
--- a/app/views/nodes/chapters.html.erb
+++ b/app/views/nodes/chapters.html.erb
@@ -1,6 +1,6 @@
1<h1><%= t(".title") %></h1> 1<h1><%= t(".title") %></h1>
2 2
3<%= form_tag chapters_nodes_path, method: :get, class: "node_search_form" do %> 3<%= form_tag chapters_nodes_path, method: :get, class: "search_form" do %>
4 <label><%= check_box_tag 'kinds[]', 'erfa', @kind_keys.include?('erfa') %> Erfa</label> 4 <label><%= check_box_tag 'kinds[]', 'erfa', @kind_keys.include?('erfa') %> Erfa</label>
5 <label><%= check_box_tag 'kinds[]', 'chaostreff', @kind_keys.include?('chaostreff') %> Chaostreff</label> 5 <label><%= check_box_tag 'kinds[]', 'chaostreff', @kind_keys.include?('chaostreff') %> Chaostreff</label>
6 <%= button_tag type: "submit", class: "action_button" do %> 6 <%= button_tag type: "submit", class: "action_button" do %>
diff --git a/app/views/nodes/show.html.erb b/app/views/nodes/show.html.erb
index c9558ed0..af55d699 100644
--- a/app/views/nodes/show.html.erb
+++ b/app/views/nodes/show.html.erb
@@ -122,7 +122,7 @@
122 <div id="restore_search_results" class="search_results"></div> 122 <div id="restore_search_results" class="search_results"></div>
123 </div> 123 </div>
124 <%= hidden_field_tag :parent_id, suggestion&.id %> 124 <%= hidden_field_tag :parent_id, suggestion&.id %>
125 <%= submit_tag t(".restore_here"), :class => "action_button action_button_no_margin_top" %> 125 <%= submit_tag t(".restore_here"), :class => "action_button action_button" %>
126 <% end %> 126 <% end %>
127 <span class="field_hint"><%= t(".restore_hint") %></span> 127 <span class="field_hint"><%= t(".restore_hint") %></span>
128 </div> 128 </div>
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index 94e6c546..1d504464 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -565,11 +565,6 @@ form.button_to svg {
565 align-items: center; 565 align-items: center;
566} 566}
567 567
568.button_row .action_button,
569.search_form .action_button {
570 margin-bottom: 0;
571}
572
573#dashboard_signposts { 568#dashboard_signposts {
574 margin-bottom: 2rem; 569 margin-bottom: 2rem;
575} 570}
@@ -1431,19 +1426,10 @@ form.button_to svg {
1431.aligned_action_row { 1426.aligned_action_row {
1432 display: flex; 1427 display: flex;
1433 flex-wrap: wrap; 1428 flex-wrap: wrap;
1434 align-items: start; 1429 align-items: baseline;
1435 gap: 0.5rem; 1430 gap: 0.5rem;
1436} 1431}
1437 1432
1438.aligned_action_row .action_button,
1439.aligned_action_row form.button_to {
1440 margin-top: -5px;
1441}
1442
1443.aligned_action_row .action_button.action_button_no_margin_top {
1444 margin-top: 0;
1445}
1446
1447/* ============================================================ 1433/* ============================================================
1448 Page editor / metadata forms 1434 Page editor / metadata forms
1449 ============================================================ */ 1435 ============================================================ */
@@ -1490,7 +1476,6 @@ div#admin_layout {
1490 font-weight: bold; 1476 font-weight: bold;
1491 text-decoration: none; 1477 text-decoration: none;
1492 color: var(--text); 1478 color: var(--text);
1493 margin-bottom: 1rem;
1494 background: none; 1479 background: none;
1495 cursor: pointer; 1480 cursor: pointer;
1496 font-family: inherit; 1481 font-family: inherit;
@@ -2244,10 +2229,6 @@ input#menu_item_title {
2244 margin: 0.5rem 0; 2229 margin: 0.5rem 0;
2245} 2230}
2246 2231
2247.asset_attach_form .action_button {
2248 margin-bottom: 0;
2249}
2250
2251.asset_attach_form .action_button + .field_hint { 2232.asset_attach_form .action_button + .field_hint {
2252 display: block; 2233 display: block;
2253 margin-left: 0; 2234 margin-left: 0;