v0.6.20: center library byline + back-link to match centered H1
The global h1 rule sets text-align: center, so .library-title rendered
centered while the .library-creator byline and .library-back breadcrumb
inherited the default left alignment. On the no-cover layout that
looked like the byline had detached from the title — title centered,
byline flush-left.
Center both. When a cover is present (grid layout, title in the right
column next to the cover), restore left-alignment via a :not(.no-cover)
override so the right column reads as a coherent block.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
3 files changed,
+20 insertions,
-3 deletions
| 3551 |
3551 |
|
|
| 3552 |
3552 |
|
[[package]]
|
| 3553 |
3553 |
|
name = "makenotwork"
|
| 3554 |
|
- |
version = "0.6.19"
|
|
3554 |
+ |
version = "0.6.20"
|
| 3555 |
3555 |
|
dependencies = [
|
| 3556 |
3556 |
|
"anyhow",
|
| 3557 |
3557 |
|
"argon2",
|
| 1 |
1 |
|
[package]
|
| 2 |
2 |
|
name = "makenotwork"
|
| 3 |
|
- |
version = "0.6.19"
|
|
3 |
+ |
version = "0.6.20"
|
| 4 |
4 |
|
edition = "2024"
|
| 5 |
5 |
|
license-file = "LICENSE"
|
| 6 |
6 |
|
|
| 1803 |
1803 |
|
margin-bottom: var(--space-1);
|
| 1804 |
1804 |
|
}
|
| 1805 |
1805 |
|
|
|
1806 |
+ |
/* Byline sits under the centered H1 (global `h1 { text-align: center }`),
|
|
1807 |
+ |
so center it too — otherwise it floats flush-left while the title is
|
|
1808 |
+ |
centered above. Same for the back-link breadcrumb. When a cover is
|
|
1809 |
+ |
present the grid scope below restores left-alignment in the text column. */
|
| 1806 |
1810 |
|
.library-page .library-creator {
|
| 1807 |
1811 |
|
font-size: 0.95rem;
|
| 1808 |
1812 |
|
opacity: 0.7;
|
| 1809 |
1813 |
|
margin-bottom: var(--space-4);
|
|
1814 |
+ |
text-align: center;
|
| 1810 |
1815 |
|
}
|
| 1811 |
1816 |
|
|
| 1812 |
1817 |
|
.library-page .library-creator a { color: var(--detail); }
|
| 1813 |
1818 |
|
|
| 1814 |
|
- |
.library-page .library-back { font-size: 0.85rem; opacity: 0.7; }
|
|
1819 |
+ |
.library-page .library-back {
|
|
1820 |
+ |
font-size: 0.85rem;
|
|
1821 |
+ |
opacity: 0.7;
|
|
1822 |
+ |
text-align: center;
|
|
1823 |
+ |
}
|
| 1815 |
1824 |
|
.library-page .library-back a { color: var(--detail); }
|
| 1816 |
1825 |
|
|
|
1826 |
+ |
/* When a cover is present, the title block sits in the right grid column;
|
|
1827 |
+ |
left-align in that context so the column reads as a coherent block next
|
|
1828 |
+ |
to the cover instead of a centered island. */
|
|
1829 |
+ |
.library-page .library-header:not(.no-cover) .library-title,
|
|
1830 |
+ |
.library-page .library-header:not(.no-cover) .library-creator {
|
|
1831 |
+ |
text-align: left;
|
|
1832 |
+ |
}
|
|
1833 |
+ |
|
| 1817 |
1834 |
|
.library-page .downloads-hero h2 {
|
| 1818 |
1835 |
|
font-size: 1.5rem;
|
| 1819 |
1836 |
|
margin-bottom: var(--space-4);
|