From b1dfe8d95b3d80dad3896d7141d5361631886612 Mon Sep 17 00:00:00 2001
From: Eric Bower <me@erock.io>
Date: Thu, 7 Nov 2024 22:39:22 -0500
Subject: [PATCH] style: tweaks

---
 static/main.css     | 14 ++++++--------
 tmpl/post.page.tmpl |  4 ++--
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/static/main.css b/static/main.css
index bb8ead5..de9d042 100644
--- a/static/main.css
+++ b/static/main.css
@@ -30,10 +30,6 @@
   color: var(--visited);
 }
 
-.container {
-  max-width: 60rem;
-}
-
 .sitemap {
   width: 200px;
   flex: 0 0 200px;
@@ -44,7 +40,11 @@
   max-width: 700px;
   height: calc(100vh - 3px - (3 * var(--line-height)));
   overflow-y: auto;
-  padding-right: 10px;
+  padding-right: 20px;
+}
+
+.post-container {
+  max-width: 60rem;
 }
 
 .container-xs {
@@ -52,9 +52,7 @@
   width: 100%;
 }
 
-.post-container {
-  display: flex;
-  gap: 1rem;
+.row-reverse {
   flex-direction: row-reverse;
 }
 
diff --git a/tmpl/post.page.tmpl b/tmpl/post.page.tmpl
index c0daa02..58221ab 100644
--- a/tmpl/post.page.tmpl
+++ b/tmpl/post.page.tmpl
@@ -6,12 +6,12 @@
 <meta name="description" content="{{.Data.Description}}" />
 {{end}}
 
-{{define "attrs"}}class="container"{{end}}
+{{define "attrs"}}class="post-container"{{end}}
 
 {{define "body"}}
 {{template "nav" .}}
 
-<div class="post-container">
+<div class="group row-reverse">
   <main class="post">
     <h1 class="text-2xl text-hdr m-0 flex items-center">
       {{if .Cur.Data}}