improve toggle button alignment and prayer verse spacing
All checks were successful
CI / update (push) Successful in 24s

- Wrap rosary page toggles in centered container with left-aligned items
- Reduce spacing between toggles from 2rem to 0.5rem
- Simplify Toggle component styling (remove centering/margins)
- Add centered wrapper for gebete page toggle
- Add spacing between German verses in monolingual mode for readability
This commit is contained in:
2025-12-26 17:43:31 +01:00
parent 54cc31a03a
commit 731adda897
4 changed files with 30 additions and 14 deletions

View File

@@ -7,11 +7,6 @@
<style>
.toggle-wrapper {
display: flex;
justify-content: center;
margin-bottom: 2rem;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.toggle-wrapper label {

View File

@@ -100,6 +100,7 @@
/* German gets primary styling in monolingual mode */
.prayer-wrapper.monolingual :global(v:lang(de)) {
color: var(--nord6);
margin-bottom: 0.5em;
}
@media(prefers-color-scheme: light) {