From 36b5324900968afc7498950c14ad13be5c061a7c Mon Sep 17 00:00:00 2001
From: erdgeist <erdgeist@erdgeist.org>
Date: Mon, 6 Jul 2026 16:49:45 +0200
Subject: Restructure nodes#show and nodes#new around
 node_description/node_content

nodes#show's flat <table> of label/value pairs grew unreadable once
Admin Preview and Public Preview were added alongside Public Link -
switched to the div.node_description/div.node_content pattern already
used by nodes#edit, grouped into People/Dates/Links/Revisions/Tags/
Events/Children sections rather than one undifferentiated list.

People/Dates/Links use a flex-based item layout, not a second <table> -
multiple independent tables sharing one outer width but different
column counts produced misaligned columns with no shared grid. Flex
items size to their own content with a shared minimum instead.

Revisions and Children are both collapsed via <details>, no JS needed -
previously nodes#show didn't list a node's children at all, blocking
the ability to find/navigate erfa and chaostreff pages without already
knowing they're now standalone nodes. Revision list items link to
node_revision_path(@node, page) - the actual per-revision diff/restore
view, not the plain index.

nodes#new converted to the same pattern for visual consistency, plus a
few things surfaced along the way: submit buttons were unstyled
site-wide (a bare input[type=submit] with no border, fill, or hover
state - Create on this exact page was easy to miss entirely), fixed
with a bordered/bold treatment reusing the existing form.button_to
visual language rather than introducing a fourth button style. Title
regained the bold weight it had before the table rewrite dropped it
silently. Tag list grouping and full link/button semantic taxonomy
(show vs edit/add vs publish/revoke vs destroy, applied consistently
across every link on the page, not just buttons) are known follow-ups,
not attempted here.
---
 public/stylesheets/admin.css | 64 ++++++++++++++++++++++++++++++++------------
 1 file changed, 47 insertions(+), 17 deletions(-)

(limited to 'public/stylesheets')

diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index f240bb23..1196d830 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -106,7 +106,6 @@ div.pagination span.current, div.pagination a:hover {
 #main_navigation a,
 #sub_navigation a,
 #metadata a,
-input[type=submit],
 #overview_toggle a {
   letter-spacing: 1px;
   padding-left: 5px;
@@ -316,17 +315,23 @@ input[type=password] {
   border: 1px solid #989898;
 }
 
-input[type=submit] {
-  border: none;
-  padding-top: 0px;
-  padding-bottom: 1px;
-  background-color: #ffffff;
+input[type="submit"] {
+  -webkit-appearance: none;
+  appearance: none;
+  background: none;
+  border: 1px solid #000000;
+  border-radius: 2px;
+  padding: 4px 12px;
+  font: inherit;
+  font-weight: bold;
+  color: inherit;
+  cursor: pointer;
+  text-decoration: none;
 }
 
-input[type=submit]:hover {
-  border: none;
+input[type="submit"]:hover {
   color: #ffffff;
-  background-color: #ff9600;
+  background-color: #000000;
 }
 
 input[type=radio] {
@@ -516,6 +521,39 @@ table tr.header {
   padding-bottom: 4px;
 }
 
+.node_content.node_info_group {
+  border: 1px solid #e8e8e8;
+  border-radius: 6px;
+  padding: 0.5rem 0.75rem;
+}
+
+.node_info_group_items {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem 2rem;
+}
+
+.node_info_item {
+  min-width: 140px;
+}
+
+.node_info_label {
+  display: block;
+  font-weight: normal;
+  color: #969696;
+  font-size: 0.85rem;
+  text-transform: lowercase;
+}
+
+.node_info_group ul {
+  margin: 0;
+  padding-left: 1.25rem;
+}
+
+.node_info_group li {
+  margin-bottom: 0.25rem;
+}
+
 #search_widget {
   position: absolute;
   top: 20px;
@@ -569,14 +607,6 @@ table tr.header {
   border-bottom: none;
 }
 
-table#content th.description {
-  width: 100px;
-}
-
-table#content th.content {
-  width: 690px;
-}
-
 #menu_item_list {
   border-collapse: collapse;
   padding: 5px 5px 5px 5px;
-- 
cgit v1.3