style: tweaks

picosh · Nov 8, 2024 · b1dfe8d · b1dfe8d
1 parent aafc66e
commit b1dfe8d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git 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,17 +40,19 @@
   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 {
   max-width: 20em;
   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
@@ -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}}