style(programa): constrain schedule list width to keep heart button close

itziarZG · itziarZG · commit a569f08ae8ce · 2026-07-12T20:01:32.000+02:00
The favorite button was being pushed to the far right of the full-width
viewport via ml-auto, which on desktop made it feel disconnected from
the rest of the session metadata.

Add max-w-3xl mx-auto to the schedule-list container so the day
headings and session cards stay within a comfortable reading width
(768px), keeping the heart visually close to the time/track info on
the same row.
diff --git a/src/components/ScheduleList.astro b/src/components/ScheduleList.astro
@@ -19,7 +19,7 @@ const knownLangs = new Set(['en', 'es', 'ca'])
 const talkLang = (s: { language: string }) => (knownLangs.has(s.language) ? s.language : lang)
 ---
 
-<div class="schedule-list">
+<div class="schedule-list max-w-3xl mx-auto">
   {
     schedule.days.map((day) => (
       <section class="mb-12" aria-labelledby={`day-${day.index}-heading`}>

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ const knownLangs = new Set(['en', 'es', 'ca'])`
`19`	`19`	`const talkLang = (s: { language: string }) => (knownLangs.has(s.language) ? s.language : lang)`
`20`	`20`	`---`
`21`	`21`
`22`		`-<div class="schedule-list">`
	`22`	`+<div class="schedule-list max-w-3xl mx-auto">`
`23`	`23`	`{`
`24`	`24`	`schedule.days.map((day) => (`
`25`	`25`	<section class="mb-12" aria-labelledby={`day-${day.index}-heading`}>