{# justify-center, not justify-around: around gives each item a half-size
space at the row ends, which reads as an even spread with three items
but leaves two items sitting off-centre. Centring the group keeps the
row balanced whatever combination of preacher, date, time and series
a sermon has. The lg:px-8 on each item supplies the gap between. #}
-
Datum
-
11. August 2019
{# The compact player docks to the bottom of the viewport once you scroll past
it; the waveform above and the download/share row below stay in normal flow.
The `stickyPlayer` component lives in assets/public/public.js. #}
{# Tinted off the page background rather than filled white, so the
passages read as a grouped area instead of a raised box. #}
{# The description and the sermon's metadata share one grid: the
description takes two thirds, the metadata rail takes the last
third. Explicit column starts keep the rail on the right even
when the description is absent. On small screens the grid
collapses to one column and the rail follows the description.
The transcription sits outside this grid, below it, so it keeps
the full page width - its two-column timestamp/paragraph rows
and tall scroll pane need the room. #}