From 54877c49d71df5dd125f84c60f7bbe4e5f921032 Mon Sep 17 00:00:00 2001
From: Bobby <bobbyskhs@gmail.com>
Date: Fri, 26 May 2023 23:56:12 -0400
Subject: QOL Upd::Article<Template>

---
 static/css/styles.css    |  1 -
 templates/blog/post.html | 16 ++++++++++------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/static/css/styles.css b/static/css/styles.css
index 819e974f..65202b99 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -326,7 +326,6 @@ blockquote {
 
 #article-body {
     width: 730px;
-    margin: 0px 10px;
 }
 
 #article-body img,
diff --git a/templates/blog/post.html b/templates/blog/post.html
index 701d0b28..99aa8a37 100644
--- a/templates/blog/post.html
+++ b/templates/blog/post.html
@@ -2,10 +2,10 @@
 {% load static %}
 {% load tz %}
 <div id="article" class="mtsbitem">
-    <h1 style="margin: 10px; text-align: left; font-size: 32px; font-weight: bold; color: #f4ebff;">
+    <h1 style="margin: 10px 0; text-align: left; font-size: 32px; font-weight: bold; color: #f4ebff;">
         {{ post.title }}
     </h1>
-    <div style="margin: 10px 0px 10px 12px; display: inline-block;">
+    <div style="margin: 10px 0px 10px 0px; display: inline-block;">
         {% with post.author.userprofile_set.first as userprofile %}
         <div style="height: 20px; width: 20px; display: inline-block; margin-right: 4px; border-radius: 10px; background-image: url('{% static 'images/avatars/' %}{{ userprofile.avatar_url }}.gif'); background-size: cover; background-position: center;"></div>
         {% endwith %}
@@ -28,10 +28,9 @@
     </div>
 </div>
 
-<div id="comments" style="clear: both;" class="mtsbitem">
-    {% if comments %}
-    <h2>Comments</h2>
-    {% endif %}
+<h2 class="mtsbitem">Comments</h2>
+{% if comments %}
+<div id="comments" style="clear: both;">
     {% for comment in comments %}
         <div id="comment-{{ comment.id }}">
             <table>
@@ -72,6 +71,11 @@
         </div>
     {% endfor %}
 </div>
+{% else %}
+<div id="comments" style="clear: both;">
+    <p><em>Sadly, there are no comments yet. Be the first to leave one!</em></p>
+</div>
+{% endif %}
 
 {% if user.is_authenticated %}
 <div id="new-comment">
-- 
cgit v1.2.3