From e9ee231954acf99eed986c5b8198b3b6257a7339 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Fri, 21 Nov 2025 22:39:32 +0000
Subject: [PATCH] feat: Persist new stories and improve layout consistency

---
 webclient/src/Article.js | 4 +++-
 webclient/src/Feed.js    | 3 +++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/webclient/src/Article.js b/webclient/src/Article.js
index 34e8bd6..03f8afd 100644
--- a/webclient/src/Article.js
+++ b/webclient/src/Article.js
@@ -57,11 +57,13 @@ function Article({ cache }) {
 
 	return (
 		<div className='article-container'>
-			{error &&
+			{error ?
 				<details style={{marginBottom: '1rem'}}>
 					<summary>Connection error? Click to expand.</summary>
 					<p>{error}</p>
 				</details>
+			:
+				<div style={{marginBottom: '2rem'}}></div>
 			}
 			{story ?
 				<div className='article'>
diff --git a/webclient/src/Feed.js b/webclient/src/Feed.js
index 67f28f3..3482355 100644
--- a/webclient/src/Feed.js
+++ b/webclient/src/Feed.js
@@ -56,6 +56,9 @@ function Feed({ updateCache }) {
 								currentStories.splice(existingStoryIndex, 1);
 							}
 							currentStories.unshift(newStory);
+
+							localStorage.setItem('stories', JSON.stringify(currentStories));
+							setStories(currentStories);
 						} catch (error) {
 							let errorMessage;
 							if (error.name === 'AbortError') {