arnef/ebooks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix button alignment on book detail page when wrapping
Docker Image bauen und veröffentlichen / docker (push) Successful in 2m27s
Details

Browse Source 
Replace .btn + .btn { margin-left } with margin-right/margin-bottom on
.book-detail-body .btn so the "Im Browser lesen" button stays
left-aligned when the buttons wrap to a new line on narrow viewports.
Also drop the now-unused .reader-nav .btn + .btn override.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
arnef
2026-08-15 16:22:43 +02:00
co-authored by Copilot
parent 2399d8a5a6
commit cfecc49810
1 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/styles.css
+2 -6
View File
@@ -203,8 +203,8 @@ h2 {
color: inherit; color: inherit;
} }
.btn + .btn { .book-detail-body .btn {
margin-left: 0.5rem; margin: 0 0.5rem 0.5rem 0;
} }
.reader { .reader {
@@ -243,10 +243,6 @@ h2 {
margin-top: 1.5rem; margin-top: 1.5rem;
} }
.reader-nav .btn + .btn {
margin-left: 0;
}
.reader-nav-next { .reader-nav-next {
margin-left: auto; margin-left: auto;
} }