• Author: Kerem Tutucu
• Date: 11/24/2025, 3:51:08 PM
• Message: Refactor survey component: improved layout, CSS nesting, animations, and responsive behavior #92 #107 * Cleaned up and standardized the survey component * Rewrote CSS using nesting and a mobile-first structure * Enabled survey header on tablet/desktop using a grid layout * Improved mobile layout with clear question/answer labels * Added `slideIn` animation with reduced-motion fallback * Ensured consistent left alignment for both columns across all breakpoints * Optimized grid columns for tablet and desktop * Updated `survey-item` to `display: contents` for cleaner semantics * Improved spacing, typography, and color usage * Kept `format()` helper intact and cleaned up the component code
• Stats: 347 total changes (+291 / -56)

Changed Files

• src/lib/components/Questionlist.svelte — +269 / -0 (269 changes)
• src/lib/index.js — +2 / -1 (3 changes)
• src/routes/behandelingen/[id]/+page.svelte — +20 / -55 (75 changes)