angelus: align styling with other faith routes
All checks were successful
CI / update (push) Successful in 1m22s

This commit is contained in:
2026-02-02 23:13:02 +01:00
parent 58a0496ff3
commit 52ae9659b8

View File

@@ -23,11 +23,9 @@
</svelte:head> </svelte:head>
<div class="angelus-page"> <div class="angelus-page">
<div class="header"> <h1>Angelus</h1>
<h1>Angelus</h1> <div class="toggle-controls">
<div class="controls"> <LanguageToggle />
<LanguageToggle />
</div>
</div> </div>
<div class="prayers-content"> <div class="prayers-content">
@@ -35,7 +33,7 @@
<Prayer> <Prayer>
<!-- First Versicle and Response --> <!-- First Versicle and Response -->
<p> <p>
<v lang="la"><i>℣.</i> Angelus Domini nuntiavit Mariae.</v> <v lang="la"><i>℣.</i> Angelus Domini nuntiavit Mariæ.</v>
<v lang="de"><i>℣.</i> Der Engel des Herrn brachte Maria die Botschaft</v> <v lang="de"><i>℣.</i> Der Engel des Herrn brachte Maria die Botschaft</v>
<v lang="en"><i>℣.</i> The Angel of the Lord declared unto Mary.</v> <v lang="en"><i>℣.</i> The Angel of the Lord declared unto Mary.</v>
<v lang="la"><i>℟.</i> Et concepit de Spiritu Sancto.</v> <v lang="la"><i>℟.</i> Et concepit de Spiritu Sancto.</v>
@@ -215,4 +213,14 @@ v[lang=en] i{
color: var(--red); color: var(--red);
} }
h1 {
text-align: center;
font-size: 2.5rem;
margin-bottom: 0.5em;
}
.toggle-controls {
display: flex;
justify-content: center;
margin-bottom: 2rem;
}
</style> </style>