From 47f8df10bf52c73b1645610ffdaa0ea5da3f36dc Mon Sep 17 00:00:00 2001
From: perennial <mail@perennialte.ch>
Date: Sun, 29 Sep 2024 22:26:02 +1000
Subject: [PATCH] fix padding

---
 assets/views/artwork.jet.html |  9 +++++----
 assets/views/index.jet.html   | 18 +++++++++---------
 assets/views/tag.jet.html     |  2 +-
 3 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/assets/views/artwork.jet.html b/assets/views/artwork.jet.html
index 0e549ff..38e2905 100644
--- a/assets/views/artwork.jet.html
+++ b/assets/views/artwork.jet.html
@@ -8,7 +8,7 @@
 
   <!-- Recent works by artist -->
   <div class="card mb-4">
-    <div class="card-header px-4 py-3">
+    <div class="card-header px-3 py-3">
       <div class="d-flex justify-content-between align-items-center">
         <a class="text-decoration-none text-light d-flex align-items-center" href="/users/{{ .Illust.User.ID }}">
           <img src="{{ .Illust.User.Avatar }}" alt="{{ .Illust.User.Name }}" class="rounded-circle object-fit-cover me-2" style="width: 40px; height: 40px;">
@@ -40,7 +40,7 @@
 
   <!-- mb-5 for spacing between the end of the comments section card and related works -->
   <div class="card mb-5">
-    <div class="card-header px-4 py-3">
+    <div class="card-header px-3 py-3">
         <!-- TODO: clean this logic up -->
         {{- if .Illust.Comments == 0 }}
         <h2 class="h5 fw-bold p-0 mb-0">0 Comments</h2>
@@ -50,7 +50,8 @@
         <h2 class="h5 fw-bold p-0 mb-0">{{ .Illust.Comments }} Comments</h2>
         {{- end }}
     </div>
-    <div class="card-body p-4 pb-0">
+    <!-- The padding disparity with the card-header is intentional -->
+    <div class="card-body p-4">
       {{- if .Illust.CommentDisabled == 1 }}
       <p class="mb-4">The creator turned comments off</p>
       {{- else if .Illust.Comments == 0 }}
@@ -99,7 +100,7 @@
         {{- end }}
         <div class="d-flex justify-content-center">
             <!-- TODO: figure out how to hide the parent div instead of applying mb-4 to the button itself -->
-            <button type="button" class="btn btn-outline-primary mb-4" id="load-more-btn">Load more</button>
+            <button type="button" class="btn btn-outline-primary" id="load-more-btn">Load more</button>
         </div>
       </div>
       {{ end }}
diff --git a/assets/views/index.jet.html b/assets/views/index.jet.html
index 2257eac..beca38c 100644
--- a/assets/views/index.jet.html
+++ b/assets/views/index.jet.html
@@ -8,9 +8,9 @@
   </div>
 
   <div class="card mb-4">
-    <div class="card-header px-4 py-3">
+    <div class="card-header px-3 py-3">
       <div class="d-flex justify-content-between align-items-center">
-        <h2 class="h3 fw-bold mb-0">Today's illustration rankings</h2>
+        <h2 class="h4 fw-bold mb-0">Today's illustration rankings</h2>
         <a href="/ranking?content=all" class="btn btn-sm btn-outline-primary">See more</a>
       </div>
     </div>
@@ -23,7 +23,7 @@
 
   {{- else }}
   <div class="card mb-4">
-    <div class="card-header px-4 py-3">
+    <div class="card-header px-3 py-3">
       <h2 class="h4 fw-bold mb-0">Filter</h2>
     </div>
     <div class="card-body p-3">
@@ -35,9 +35,9 @@
   </div>
 
   <div class="card mb-4">
-    <div class="card-header px-4 py-3">
+    <div class="card-header px-3 py-3">
       <div class="d-flex justify-content-between align-items-center">
-        <h2 class="h3 fw-bold mb-0">Newest works by users you follow</h2>
+        <h2 class="h4 fw-bold mb-0">Newest works by users you follow</h2>
         <a href="/self/followingWorks" class="btn btn-sm btn-outline-primary">See more</a>
       </div>
     </div>
@@ -49,8 +49,8 @@
   </div>
 
   <div class="card mb-4">
-    <div class="card-header px-4 py-3">
-      <h2 class="h3 fw-bold mb-0">Recommended works</h2>
+    <div class="card-header px-3 py-3">
+      <h2 class="h4 fw-bold mb-0">Recommended works</h2>
     </div>
     <div class="card-body p-3">
       <div class="row row-cols-2 row-cols-md-4 row-cols-lg-6 g-4">
@@ -61,8 +61,8 @@
 
   {{- range .Data.RecommendByTags }}
   <div class="card mb-4">
-    <div class="card-header px-4 py-3">
-      <h2 class="h3 fw-bold mb-0">Recommended illustrations tagged <a href="/tags/{{.Name}}" class="text-decoration-none">#{{.Name}}</a></h2>
+    <div class="card-header px-3 py-3">
+      <h2 class="h4 fw-bold mb-0">Recommended illustrations tagged <a href="/tags/{{.Name}}" class="text-decoration-none">#{{.Name}}</a></h2>
     </div>
     <div class="card-body p-3">
       <div class="row row-cols-2 row-cols-md-4 row-cols-lg-6 g-4">
diff --git a/assets/views/tag.jet.html b/assets/views/tag.jet.html
index 9ec6d3e..41074f8 100644
--- a/assets/views/tag.jet.html
+++ b/assets/views/tag.jet.html
@@ -56,7 +56,7 @@
     {{- SearchMode := isset(.Queries.smode) ? .Queries.smode : "" }}
 
     <div class="card mb-5">
-        <div class="card-header px-4 py-3">
+        <div class="card-header px-3 py-3">
             <h3 class="h4 fw-bold p-0 mb-0">Search settings</h3>
         </div>
         <div class="card-body p-4">