From 60efe133ebd03ace500e71330d9b82d0e306ce8b Mon Sep 17 00:00:00 2001
From: Thomas <thomas@thomaswilson.xyz>
Date: Sat, 23 Mar 2024 07:40:59 +0000
Subject: [PATCH] style(padding) Fix style issue on small screens (x-overflow)

---
 src/routes/blog/+page.svelte          |  4 ----
 src/routes/home/HomepageHeader.svelte | 10 +++++++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index 02897d8..3875a55 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -55,10 +55,6 @@
       </span>
       {daysSinceLastPublish === 1 ? "day" : "days"} since I last published something.
     </p>
-    <p>
-      I write about fun software I've built alone, Real Software™ I built in
-      teams, books I read, things I am sewing, and other things.
-    </p>
     <p>
       I have written {numberOfBlogPostsThisYear}
       {numberOfBlogPostsThisYear === 1 ? "piece" : "pieces"} so far this year. On
diff --git a/src/routes/home/HomepageHeader.svelte b/src/routes/home/HomepageHeader.svelte
index 64d6b18..295a42c 100644
--- a/src/routes/home/HomepageHeader.svelte
+++ b/src/routes/home/HomepageHeader.svelte
@@ -33,7 +33,7 @@
   </p>
   <p class="body">Here are some things I've written recently:</p>
 
-  <ol>
+  <ol class="latest-blog-posts">
     {#each latestBlogPosts as post}
       <li>
         <a href="/blog/{post.slug}">{post.title}</a> ({formatDate(
@@ -62,13 +62,13 @@
     font-family: monospace;
     display: grid;
     place-items: center;
+    padding: 0 12px;
   }
 
   a,
   ol,
   li,
-  p,
-  blockquote {
+  p {
     color: var(--text-color);
     font-family: inherit;
     width: 100%;
@@ -84,4 +84,8 @@
   .body {
     text-align: left;
   }
+
+  .latest-blog-posts {
+    list-style-position: inside;
+  }
 </style>