tanner/qotnews
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

fix: Align article title and copy button, correct icon font

Browse Source 
Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
This commit is contained in:
Tanner Collin
2025-12-02 23:14:39 +00:00
parent 6fa929fb1f
commit 169a84faa1
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
webclient/src/Article.js
View File

@@ -82,8 +82,10 @@ function Article({ cache }) {
<meta name="robots" content="noindex" /> <meta name="robots" content="noindex" />
</Helmet> </Helmet>
<div className='article-title'>
<h1>{story.title}</h1> <h1>{story.title}</h1>
<button className='copy-button' onClick={copyLink}>{copyButtonText}</button> <button className='copy-button' onClick={copyLink}>{copyButtonText}</button>
</div>
<div className='info'> <div className='info'>
Source: {sourceLink(story)} Source: {sourceLink(story)}

12
webclient/src/Style-light.css
View File

@@ -121,10 +121,16 @@ span.source {
border-bottom: 1px solid #222222; border-bottom: 1px solid #222222;
} }
.article-title {
display: flex;
align-items: center;
margin-top: 0.67em;
margin-bottom: 0.67em;
}
.article h1 { .article h1 {
font-size: 1.6rem; font-size: 1.6rem;
display: inline-block; margin: 0;
vertical-align: middle;
} }
.article h2 { .article h2 {
@@ -264,7 +270,7 @@ span.source {
} }
.copy-button { .copy-button {
font: 2rem/1 'icomoon2'; font: 2rem/1 'icomoon';
background: transparent; background: transparent;
border: none; border: none;
cursor: pointer; cursor: pointer;