From b4ae47cefe26766ff87720674a33703c00d2767c Mon Sep 17 00:00:00 2001
From: Pagwin <pgp2024@pagwin.xyz>
Date: Sat, 2 Nov 2024 21:46:26 -0400
Subject: [PATCH] satisfying posts list

---
 TODO                  |  6 +++++-
 static/css/layout.css | 15 +++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/TODO b/TODO
index 5ded183..66ce669 100644
--- a/TODO
+++ b/TODO
@@ -1,6 +1,8 @@
 get RSS feed up and running
 
-Figure out why the header width is fucked on mobile as well as why the box is all the way to the left
+emphasis category viewer is in via different header color
+
+specify ul styling to be specific to posts list
 
 Fix articles with inline html in them and/or links
 
@@ -25,3 +27,5 @@ Webmention linked sites where possible https://www.w3.org/TR/webmention/#sending
 ~~position code blocks in a way I like~~
 
 ~~handle dark/light theming correctly (https://www.joshwcomeau.com/react/dark-mode/) seems useful for that~~
+
+~~Figure out why the header width is fucked on mobile as well as why the box is all the way to the left~~
diff --git a/static/css/layout.css b/static/css/layout.css
index 6f0ff01..e19e1d2 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -96,6 +96,21 @@ p {
     /*https://pearsonified.com/golden-ratio-typography-intro/ is where this came from and tbh having a bigger line height does make things more readable although I tune it down a bit*/
     line-height: 1.5;
 }
+/*TODO specify for posts list*/
+#content > ul {
+  padding: 0;
+  list-style: none;
+}
+
+#content > ul > li {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+}
+
+#content > ul > li > a {
+  padding: 1rem;
+}
 }
 /* we really want to make sure this doesn't stick around when colors load in regardless of when/how colors get loaded in*/
 @layer pre-load{