TASKS: look&feel-review 16 sep - P1-51/52, P2-30 t/m P2-33 + website-aanvulling op P2-13

Code-only review (headless website-screenshots + profile-build op beide AVD's),
geen builder-werk; volledig verslag in het Artifact dat in het blok staat.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

TASKS.md

@@ -167,6 +167,88 @@ componenten die eraan hingen:
 `kanweg_home_uitgaantabel_kaart_component_copy`) — in de builder mogelijk nog
 wel, daar niet gecontroleerd (geen browser gebruikt).*
 
+### 🎨 Look&feel-review 2026-09-16 (Claude, code-only + screenshots, géén builder-werk) — Eigenaar: Claude (onbeklaimd)
+
+*Website (telefoon+desktop, headless Chromium) naast de app (profile-build van
+`a112e6f` op telefoon-AVD, tablet-AVD op build 14 sep). Volledig verslag met
+screenshots naast elkaar: zie het Artifact "Look & feel review 16 september"
+(link onderaan dit blok). Bewust NIET aangeraakt: `home`, `homeTabel`,
+`HomeUitgaantabelKaartComponent`, `HeaderButtonsComponent`, `drawerComponent`
+— die staan geclaimd door de sessie "zoekveld + look&feel" hierboven; chip-
+kleur, terugknop-vorm en drawer-icoon staan daar al op de lijst.*
+
+- **P1-51 · Eigenaar: Claude.** Drie headerkleuren in één app. Home = AppBar
+  `primaryText` (leisteen, zoals de site); alle andere pagina's = `info` (wit)
+  en Flutter's Material 3 legt daar bij elevation 2 een paarse tint over
+  (gemeten `#F5F3F9`); Favorieten heeft geen elevation en is echt wit. Fix:
+  op elke pagina met een AppBar de Background Color op **`primaryText`** (niet
+  het `info`-token wijzigen, dat kleurt ook de witte iconen op de oranje
+  knoppen). Pagina's: `EventCurrent`, `HorecagelegenhedenOverzichtCurrent`,
+  `HorecagelegenheidCurrent`, `HorecagelegenhedenOverzichtProvinciePage`,
+  `Favorieten`, `Selectprovinciegemeente`, `Login`, `mijnProfiel`,
+  `wachtwoordVergeten`, `stadsactiviteitAanmaken`, `uitgaansevenementAanmaken`.
+  Drawer-root (`drawerComponent`) krijgt dezelfde tint (`#F7F2FA`): expliciete
+  `secondaryBackground` — pas ná de andere sessie klaar is met dat component.
+  Verificatie: `grep -c "backgroundColor: FlutterFlowTheme.of(context).info" <widget>` → 0.
+- **P1-52 · Eigenaar: Claude.** `EventCurrent`
+  (`lib/horecagelegenhedenoverzicht/event_current/event_current_widget.dart`):
+  (a) titel-`Text` (headlineLarge, r.~326) staat in een gecentreerde `Row` zonder
+  `Expanded` → "Gratis Lunchconcert: Muze va" loopt aan beide kanten van het
+  scherm af. Wrap Widget → Flex → Expansion Expanded, Max Lines 3, links
+  uitlijnen. (b) beschrijvingscontainer (r.~750): Fill `alternate`, **rand
+  `Colors.black`**, schaduw `0x33000000` → Fill `secondaryBackground`, rand
+  `alternate`, schaduwkleur `00000000` (zelfde recept als de kaart in
+  `fa50ff5`). (c) zaak-categorielabel is `primary` (rood) en het zwevende
+  "Muziek"-label gebruikt `#25CC3E` + schaduw + radius i.p.v.
+  `tagCategorieComponent` → beide vervangen door dat component. (d) zaaknaam
+  `headlineSmall` (40 px, gecentreerd) → sectiekop 16 px kapitalen zoals de
+  site ("MEER VAN DEZE GELEGENHEID"). (e) website-URL staat als kale tekst;
+  adres zonder speldje, plaatsnaam springt in → "Website"-link in P1-23-stijl,
+  adres-Row met icoon zoals de kaarten.
+- **P2-30 · Eigenaar: Claude.** `horecagelegenhedenOverzichtCurrent`: de ruimte
+  tussen de kaarten én de tabbalk zijn `#C2C2C2` (rest van app en site:
+  `#F2F2F2`) → Fill Color van de TabBar-container en de StaggeredView-
+  achtergrond op `primaryBackground`. `HorecagelegenheidoverzichtKaart` is
+  ±500 px hoog met een 260 px-logo links en drie regels tekst: logo naar
+  ~120 px of het patroon van `HomeUitgaantabelKaartComponent` overnemen, zodat
+  er twee kaarten per scherm passen.
+- **P2-31 · Eigenaar: Bob (besluit), daarna Claude (uitvoering).** Drie
+  kaartstijlen naast elkaar: lijstkaart radius 12 + schaduw `0x33000000`,
+  sliderkaart radius 16 + schaduw, EventCurrent-kaart radius 8 + rand
+  `alternate` zonder schaduw (sinds `fa50ff5`). Site: wit, 3 px `#EEE`, geen
+  radius, geen schaduw. Voorstel: de EventCurrent-variant overal (dichtst bij
+  de site, lichte afronding past bij een app). Vier componenten, drie velden
+  elk.
+- **P2-32 · Eigenaar: Bob (besluit).** De site zet elke inhoudelijke titel in
+  Droid Serif bold; de app is 100 % Roboto — het grootste zichtbare verschil
+  dat geen bug is. Voorstel: Theme Settings → Typography → `headlineLarge/
+  Medium/Small` op **Noto Serif** 700 (Google Fonts-opvolger van Droid Serif),
+  rest Roboto. Eén thema-instelling. Pas ná P1-52(a), anders wordt de
+  afgekapte titel alleen breder.
+- **P2-33 · Eigenaar: Claude.** `HorecagelegenheidCurrent`: fotocarousel in een
+  wit vlak van ±750 px waarvan de foto's een derde vullen; adres pas na een
+  scroll; onderin permanent "Geen evenementen gevonden" + oranje knop, ook als
+  de zaak events heeft. Carousel-hoogte naar de foto-hoogte (±240 op
+  telefoon, responsive), witte achtergrond eraf, adresblok in de Info-tab met
+  dezelfde iconen als de kaarten, de "Geen evenementen"-strook alleen in de
+  Agenda-context.
+- **Website (aanvulling op P2-13, Eigenaar: Bob, Drupal-thema):** (6) op
+  telefoon 320 px header (socials + logo + Inloggen/Taal + zoekveld +
+  menubalk) vóór het eerste evenement → socials weg, Inloggen/Taal en zoekveld
+  in het uitklapmenu; (7) titel-overlay (60 % grijs, witte serif) op
+  zaaklogo's onleesbaar (Concertgebouw-lier) → titelband onder de afbeelding
+  zoals de horecakaarten, afbeeldingen `object-fit: cover`; (8) Uiteten op
+  telefoon toont 40 categorie-checkboxes + Apply boven de resultaten → inklappen
+  achter één "Filter"-knop; (9) twee datumformaten (homepage lang met jaartal,
+  plaatspagina/app kort) → overal kort; (10) zaakpagina: adres/telefoon/website
+  staan onder drie foto's + geschiedenis + banner, tabs INFO/OPENING/MAP als
+  kleine pillen → infoblok direct onder de titel; (11) titelkleur per kaarttype
+  verschilt (wit/oranje/oranjerood serif) → één keuze, oranje = klikbaar.
+- **Geen actie:** tablet-Home staat goed (3 kolommen, geen overflow); alleen
+  P1-51 en P2-31 gelden daar net zo.
+
+*Artifact: https://claude.ai/artifact/QGVnHcfobrEQ9yioqoCawU — screenshots in `~/uk-shots/2026-09-16/`.*
+
 ### 📋 Bob's 7 — de geordende lijst van 2026-09-15 (laat), max. 7, niets anders oppakken
 
 *Stand bij afsluiten 2026-09-15 23:30: taak 1 af; 2 t/m 7 zijn voor morgen,