Add a copy button to the article title

webclient/src/Article.js

@@ -44,7 +44,7 @@ function Article({ cache }) {
 	}, [id]);
 
 	const copyLink = () => {
-		navigator.clipboard.writeText(`${story.title} ${window.location.href}`).then(() => {
+		navigator.clipboard.writeText(`${story.title}:\n${window.location.href}`).then(() => {
 			setCopyButtonText('\uea10');
 			setTimeout(() => setCopyButtonText('\ue92c'), 2000);
 		}, () => {
@@ -82,10 +82,7 @@ function Article({ cache }) {
 						<meta name="robots" content="noindex" />
 					</Helmet>
 
-					<div className='article-title'>
-						<h1>{story.title}</h1>
-						<button className='copy-button' onClick={copyLink}>{copyButtonText}</button>
-					</div>
+					<h1>{story.title} <button className='copy-button' onClick={copyLink}>{copyButtonText}</button></h1>
 
 					<div className='info'>
 						Source: {sourceLink(story)}

webclient/src/Feed.js

@@ -101,7 +101,7 @@ function Feed({ updateCache }) {
 				<title>QotNews</title>
 				<meta name="robots" content="index" />
 			</Helmet>
-			{loadingStatus && <p>Fetching stories {loadingStatus.current} / {loadingStatus.total}...</p>}
+			{loadingStatus && <p>Preloading stories {loadingStatus.current} / {loadingStatus.total}...</p>}
 			{error &&
 				<details style={{marginBottom: '1rem'}}>
 					<summary>Connection error? Click to expand.</summary>

webclient/src/Style-light.css

@@ -130,7 +130,6 @@ span.source {
 
 .article h1 {
 	font-size: 1.6rem;
-	margin: 0;
 }
 
 .article h2 {
@@ -270,10 +269,9 @@ span.source {
 }
 
 .copy-button {
-	font: 2rem/1 'icomoon';
+	font: 1.5rem/1 'icomoon2';
 	background: transparent;
 	border: none;
 	cursor: pointer;
-	padding: 0 0.5rem;
 	vertical-align: middle;
 }

webclient/src/fonts/Fonts.css

@@ -26,3 +26,8 @@
     font-family: 'Icomoon';
     src: url('icomoon.ttf') format('truetype');
 }
+
+@font-face {
+    font-family: 'Icomoon2';
+    src: url('icomoon2.ttf') format('truetype');
+}