From 0d9b3cfbd2a8a7f5b23c1aaed36916d44c2ba2c1 Mon Sep 17 00:00:00 2001
From: Zaine Arch <zaineulabideen@outlook.com>
Date: Sun, 10 May 2026 22:39:44 +0100
Subject: [PATCH] recent comments x2

---
 assets/styles/zhd.css | 13 +++++++++++
 index.org             | 54 ++++++++++++++++++++++---------------------
 2 files changed, 41 insertions(+), 26 deletions(-)

diff --git a/assets/styles/zhd.css b/assets/styles/zhd.css
index 61d74ae..712f269 100755
--- a/assets/styles/zhd.css
+++ b/assets/styles/zhd.css
@@ -250,6 +250,17 @@
   border-radius: 8px;
 }
 
+.db-panel-stack {
+  grid-column: span 4;
+  display: grid;
+  gap: 1rem;
+  min-width: 0;
+}
+
+.db-panel-stack .db-panel {
+  grid-column: auto;
+}
+
 .db-panel--wide {
   grid-column: span 8;
 }
@@ -563,6 +574,7 @@ a.db-comment-feed__page:hover {
   }
 
   .db-panel,
+  .db-panel-stack,
   .db-panel--wide,
   .db-panel--stats,
   .db-panel--focus,
@@ -599,6 +611,7 @@ a.db-comment-feed__page:hover {
   }
 
   .db-panel,
+  .db-panel-stack,
   .db-panel--wide,
   .db-panel--stats,
   .db-panel--focus,
diff --git a/index.org b/index.org
index 26ffee9..5d75529 100755
--- a/index.org
+++ b/index.org
@@ -157,18 +157,35 @@
       </div>
     </section>
 
-    <section class="db-panel" aria-labelledby="db-recent-title">
-      <header class="db-panel__head">
-        <div>
-          <p class="db-kicker">Activity</p>
-          <h2 class="db-panel__title" id="db-recent-title">Recently updated</h2>
+    <div class="db-panel-stack">
+      <section class="db-panel" aria-labelledby="db-recent-title">
+        <header class="db-panel__head">
+          <div>
+            <p class="db-kicker">Activity</p>
+            <h2 class="db-panel__title" id="db-recent-title">Recently updated</h2>
+          </div>
+          <a class="db-panel__more" href="/recently-updated.html">View all</a>
+        </header>
+        <ul class="db-feed" id="db-feed-recent">
+          <li class="db-feed__item"><span class="db-feed__dot"></span><a href="/recently-updated.html">See all recent changes</a></li>
+        </ul>
+      </section>
+
+      <section class="db-panel" aria-labelledby="db-system-title">
+        <header class="db-panel__head">
+          <div>
+            <p class="db-kicker">System</p>
+            <h2 class="db-panel__title" id="db-system-title">Site controls</h2>
+          </div>
+        </header>
+        <div class="db-link-stack">
+          <a href="/home/services.html">Services</a>
+          <a href="/home/categories.html">Categories</a>
+          <a href="/home/notes.html">Notes wall</a>
+          <a href="/home/contact.html">Contact</a>
         </div>
-        <a class="db-panel__more" href="/recently-updated.html">View all</a>
-      </header>
-      <ul class="db-feed" id="db-feed-recent">
-        <li class="db-feed__item"><span class="db-feed__dot"></span><a href="/recently-updated.html">See all recent changes</a></li>
-      </ul>
-    </section>
+      </section>
+    </div>
 
     <section class="db-panel db-panel--wide" aria-labelledby="db-comments-title">
       <header class="db-panel__head">
@@ -187,21 +204,6 @@
       </ul>
     </section>
 
-    <section class="db-panel" aria-labelledby="db-system-title">
-      <header class="db-panel__head">
-        <div>
-          <p class="db-kicker">System</p>
-          <h2 class="db-panel__title" id="db-system-title">Site controls</h2>
-        </div>
-      </header>
-      <div class="db-link-stack">
-        <a href="/home/services.html">Services</a>
-        <a href="/home/categories.html">Categories</a>
-        <a href="/home/notes.html">Notes wall</a>
-        <a href="/home/contact.html">Contact</a>
-      </div>
-    </section>
-
     <section class="db-panel db-panel--about" aria-labelledby="db-about-title">
       <header class="db-panel__head">
         <div>