diff options
| Commit | df142d47abd4fa81e173ecba88785f0f5fc5fb69 (patch) | |
|---|---|---|
| Author | 2025-08-19 18:39:50 +0300 | |
| Committer | 2025-08-19 18:39:50 +0300 | |
| Files | e7cf326c28bf189f932c0d29ef86adae0e77b253 | |
| syndamia.com-df142d47abd4fa81e173ecba88785f0f5fc5fb69.tar syndamia.com-df142d47abd4fa81e173ecba88785f0f5fc5fb69.tar.gz syndamia.com-df142d47abd4fa81e173ecba88785f0f5fc5fb69.zip | ||
| Parent | 4631516ba9966f9d25e7fc822f69f22a849e4a38 (diff) | |
feat(header): Slim buttons
Make buttons span a single line, increase their font size and center
them. Now they act as a transitional element from the left-aligned
contents to the center-aligned header footer.
2 files changed, 4 insertions, 3 deletions
| -rw-r--r-- | meta/header.html | 4 | ||||
| -rw-r--r-- | src/styles.css | 3 |
diff --git a/meta/header.html b/meta/header.html index 4889b2a..409a8ba 100644 --- a/meta/header.html +++ b/meta/header.html @@ -82,8 +82,8 @@ <nav id="settingsWrapper" class="sidebar-section"> <span class="nocss-aid"><br>[[</span> - <span id="changeThemeBtn" class="btn setting-btn"><span>Light</span><span class="br"></span>theme</span> - <span id="changeWidthBtn" class="btn setting-btn"><span>Wide</span><span class="br"></span>article</span> + <span id="changeThemeBtn" class="btn setting-btn">Light theme</span> + <span id="changeWidthBtn" class="btn setting-btn">Wide article</span> <span class="nocss-aid">]]</span> </nav> diff --git a/src/styles.css b/src/styles.css index 5b98f29..2ed1e41 100644 --- a/src/styles.css +++ b/src/styles.css @@ -159,8 +159,9 @@ li > div:only-child > img { #settingsWrapper { border-top: none; border-bottom: none; font-size: 1.2em; line-height: 1em; + text-align: center; } -#settingsWrapper > .setting-btn { font-size: 0.5em; } +#settingsWrapper > .setting-btn { font-size: 0.6em; } /*### Wrapper > Sidebar > footer ###*/ |