From 169a84faa14a23934398228ec4f6d16a22f4d8ff Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Tue, 2 Dec 2025 23:14:39 +0000
Subject: [PATCH] fix: Align article title and copy button, correct icon font

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
---
 webclient/src/Article.js      |  6 ++++--
 webclient/src/Style-light.css | 12 +++++++++---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/webclient/src/Article.js b/webclient/src/Article.js
index 3fbe710..eec67e5 100644
--- a/webclient/src/Article.js
+++ b/webclient/src/Article.js
@@ -82,8 +82,10 @@ function Article({ cache }) {
 						<meta name="robots" content="noindex" />
 					</Helmet>
 
-					<h1>{story.title}</h1>
-					<button className='copy-button' onClick={copyLink}>{copyButtonText}</button>
+					<div className='article-title'>
+						<h1>{story.title}</h1>
+						<button className='copy-button' onClick={copyLink}>{copyButtonText}</button>
+					</div>
 
 					<div className='info'>
 						Source: {sourceLink(story)}
diff --git a/webclient/src/Style-light.css b/webclient/src/Style-light.css
index 02e66b7..c948504 100644
--- a/webclient/src/Style-light.css
+++ b/webclient/src/Style-light.css
@@ -121,10 +121,16 @@ span.source {
 	border-bottom: 1px solid #222222;
 }
 
+.article-title {
+	display: flex;
+	align-items: center;
+	margin-top: 0.67em;
+	margin-bottom: 0.67em;
+}
+
 .article h1 {
 	font-size: 1.6rem;
-	display: inline-block;
-	vertical-align: middle;
+	margin: 0;
 }
 
 .article h2 {
@@ -264,7 +270,7 @@ span.source {
 }
 
 .copy-button {
-	font: 2rem/1 'icomoon2';
+	font: 2rem/1 'icomoon';
 	background: transparent;
 	border: none;
 	cursor: pointer;