From 1ac867fdedbe91a63ef688ccbfdd4e1f7c9fc429 Mon Sep 17 00:00:00 2001
From: Ben Visness <bvisness@gmail.com>
Date: Mon, 30 Aug 2021 18:57:44 -0500
Subject: [PATCH] Make forum anchors more pleasant

---
 public/style.css                    | 4 ++++
 src/rawdata/scss/_forum.scss        | 5 +++++
 src/templates/src/forum_thread.html | 4 ++--
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/public/style.css b/public/style.css
index c4d8f90..956871a 100644
--- a/public/style.css
+++ b/public/style.css
@@ -8529,6 +8529,10 @@ input[type=submit] {
     .badge.staff::before {
       content: 'Staff'; }
 
+.postid a {
+  margin-top: -5rem;
+  padding-top: 5rem; }
+
 .contents div.code {
   max-width: 100%;
   max-height: 20em;
diff --git a/src/rawdata/scss/_forum.scss b/src/rawdata/scss/_forum.scss
index 18b7ac0..36e49eb 100644
--- a/src/rawdata/scss/_forum.scss
+++ b/src/rawdata/scss/_forum.scss
@@ -116,6 +116,11 @@
   }
 }
 
+.postid a {
+  margin-top: -5rem;
+  padding-top: 5rem;
+}
+
 .contents {
   div.code {
     @extend .b--dimmer;
diff --git a/src/templates/src/forum_thread.html b/src/templates/src/forum_thread.html
index 69aece7..51e75b0 100644
--- a/src/templates/src/forum_thread.html
+++ b/src/templates/src/forum_thread.html
@@ -58,9 +58,9 @@
             <div class="fl w-100 w-75-l pv3 pa3-l">
                 <div class="w-100 flex-l flex-row-reverse-l">
                     <div class="inline-flex flex-row-reverse pl3-l pb3 items-center">
-                        <span class="postid">
+                        <div class="postid">
                             <a name="{{ .ID }}" href="{{ .Url }}">#{{ .ID }}</a>
-                        </span>
+                        </div>
                         {{ if $.User }}
                             <div class="flex pr3">
                                 {{ if or (eq .Author.ID $.User.ID) $.User.IsStaff }}