CSS cleanup

views/partials/comment.hbs

@@ -1,4 +1,4 @@
-<div class="comment">
+<div class="comment flex flex-col">
   <div class="comment__user">
     {{#noteq this.User.Username "[deleted]"}}
     <img src="{{this.User.Avatar}}" class="pfp" width="24" height="24" loading="lazy">
@@ -7,20 +7,20 @@
     </a>
     {{/noteq}}
     {{#equal this.User.Username "[deleted]"}}
-      <p class="comment__user__username"><b>[deleted]</b></p>
+    <p class="comment__user__username"><b>[deleted]</b></p>
     {{/equal}}
   </div>
   <div>
-    {{{this.Comment}}}
-    <p>
+    <p>{{{this.Comment}}}</p>
+    <div>
       <span title="{{this.CreatedAt}}">{{this.RelTime}}</span>
       {{#if this.DeletedAt}}
       <span class="comment__updatedDate">(deleted {{this.DeletedAt}})</span>
       {{/if}}
-       | 
+      |
       <img class="icon" src="/static/icons/chevron-up.svg" alt="Likes"> {{this.Upvotes}}
       <img class="icon" src="/static/icons/chevron-down.svg" alt="Dislikes"> {{this.Downvotes}}
-    </p>
+    </div>
   </div>
   <div class="replies">
     {{#each this.Comments}}

views/partials/footer.hbs

@@ -1,4 +1,4 @@
-<footer>
+<footer class="flex flex-center">
   <a href="/privacy">Privacy</a>
   <a href="https://codeberg.org/video-prize-ranch/rimgo" rel="noreferrer">Source Code</a>
 </footer>

views/partials/head.hbs

@@ -12,4 +12,5 @@
 <meta name="msapplication-config" content="/static/favicon/browserconfig.xml">
 <meta name="theme-color" content="#ffffff">
 
+<link rel="stylesheet" href="/static/css/normalize.css"/>
 <link rel="stylesheet" href="/static/css/base.css"/>

views/partials/header.hbs

@@ -1,4 +1,4 @@
-<nav>
+<nav class="flex flex-center">
   <a href="/">
     <img src="/static/img/rimgo.svg" width="64" height="64" class="logo" alt="Logo">
   </a>

views/partials/post.hbs

@@ -9,18 +9,19 @@
     <img src="{{Cover.Url}}" loading="lazy" width="100%" height="100%">
     {{/equal}}
     <p class="post__title">{{Title}}</p>
-    <div class="post__meta">
-      <p>
+    <div class="flex gap-2 p-2">
+      <div>
         <img class="icon" src="/static/icons/chevron-up.svg" alt="Points">
         {{Points}}
-      </p>
-      <p>
+      </div>
+      <div>
         <img class="icon" src="/static/icons/message-square.svg" alt="Comments">
         {{Comments}}
-      <p>
+      </div>
+      <div>
         <img class="icon" src="/static/icons/eye.svg" alt="Views">
         {{Views}}
-      </p>
+      </div>
     </div>
   </div>
 </a>