improve toggle button alignment and prayer verse spacing
All checks were successful
CI / update (push) Successful in 24s
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:
@@ -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 {
|
||||
|
||||
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user