From b39e5dd55d4328012227d499254678c3f7251fcf Mon Sep 17 00:00:00 2001
From: "russell@unturf.com" <russell@unturf.com>
Date: Thu, 29 Jan 2026 09:38:15 -0500
Subject: [PATCH] Add Comments section header to distinguish from main content

---
 remarkbox/static/css/common.css  | 16 +++++++++++++++-
 remarkbox/templates/show-node.j2 |  5 +++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/remarkbox/static/css/common.css b/remarkbox/static/css/common.css
index 92b5f15..41c40dd 100644
--- a/remarkbox/static/css/common.css
+++ b/remarkbox/static/css/common.css
@@ -411,8 +411,22 @@ form.node-action {
   opacity: 0.8 !important;
 }
 
-.remark-box-div-main {
+.comments-section {
   margin-top: 3rem;
+}
+
+.comments-divider {
+  margin-bottom: 1rem;
+}
+
+.comments-header {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  padding-bottom: 0;
+  border-bottom: none;
+}
+
+.remark-box-div-main {
   margin-bottom: 35px;
 }
 
diff --git a/remarkbox/templates/show-node.j2 b/remarkbox/templates/show-node.j2
index c0fc52a..caa0f0d 100644
--- a/remarkbox/templates/show-node.j2
+++ b/remarkbox/templates/show-node.j2
@@ -79,6 +79,10 @@
    {{ forms.edit(request.node) }}
 </div>
 
+<section class="comments-section">
+<hr class="comments-divider">
+<h3 class="comments-header">Comments</h3>
+
 <div id="remark-box-{{ request.node.id }}" class="remark-box-div-main not-hidden-remark-box-div">
    {{ forms.reply(request.node, request.root_node) }}
 </div>
@@ -187,5 +191,6 @@
 </center>
 </div>
 {% endif %}
+</section>
 
 {% endblock %}