From 125765280c852d894b2df5be54b988ec4e3aa2c4 Mon Sep 17 00:00:00 2001
From: Pagwin <pgp2024@pagwin.xyz>
Date: Mon, 28 Oct 2024 15:14:31 -0400
Subject: [PATCH] box sizing is now border to fix minor hiccups

---
 TODO                  | 6 +++---
 static/css/layout.css | 6 +++++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/TODO b/TODO
index 730a869..e4b0ad4 100644
--- a/TODO
+++ b/TODO
@@ -1,7 +1,7 @@
-handle dark/light theming correctly (https://www.joshwcomeau.com/react/dark-mode/) seems useful for that
-
 get RSS feed up and running
 
+Fix articles with inline html in them and/or links
+
 ico?
 
 analytics
@@ -18,4 +18,4 @@ analytics
 
 ~~position code blocks in a way I like~~
 
-Fix HackBU article
+~~handle dark/light theming correctly (https://www.joshwcomeau.com/react/dark-mode/) seems useful for that~~
diff --git a/static/css/layout.css b/static/css/layout.css
index 86e94d6..ee3a77d 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -15,6 +15,7 @@ a:hover {
 }
 
 #header {
+    box-sizing: border-box;
     display: flex;
     flex-flow: row nowrap;
     gap: 0.5em;
@@ -25,6 +26,7 @@ a:hover {
 }
 
 #content {
+    box-sizing: border-box;
     display: block flex;
     margin: 1em;
     padding: 1em;
@@ -61,12 +63,13 @@ blockquote {
 }
 
 pre {
+    box-sizing: border-box;
     min-height: 2em;
     /* 
      * Not sure why this isn't the same as the #content width.
      * Is the font size different for some reason?
      * */
-    max-width: 82em;
+    max-width: 75em;
     width: fit-content;
     overflow:scroll;
     /*background: #444;*/
@@ -76,6 +79,7 @@ pre {
 }
 
 hr {
+    box-sizing: border-box;
     width: 100%;
 }