Browse Source

uitgaansevenementAanmaken: dropdowns vol-breed, alle labels links uitgelijnd

De drie dropdowns stonden op 200px terwijl de tekstvelden vol-breed waren;
nu double.infinity, gelijk aan stadsactiviteitAanmaken. Alle negen labels
staan links: de vijf sectiekoppen plus "Uw Horecagelegenheid", dat als
enige veldlabel nog gecentreerd stond.

Bewust niet meegecommit: android/*.gradle en ios/Runner.xcodeproj, om
dezelfde reden als in 76c082f.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
bob 3 days ago
parent
commit
38aaa57add
2 changed files with 93 additions and 73 deletions
  1. 15 7
      TASKS.md
  2. 78 66
      lib/uitgaansevenement_aanmaken/uitgaansevenement_aanmaken_widget.dart

+ 15 - 7
TASKS.md

@@ -4269,13 +4269,21 @@ zichtbaar onderaan met de tekst "Evenement indienen". Dat dekt het grootste
 deel van de live test hierboven af; wat nog écht rest is **één evenement
 deel van de live test hierboven af; wat nog écht rest is **één evenement
 daadwerkelijk indienen** en de node terugvinden op uitgaanskrant.com.
 daadwerkelijk indienen** en de node terugvinden op uitgaanskrant.com.
 
 
-*Twee cosmetische punten die daarbij opvielen — losse, lage prioriteit, geen
-van beide een regressie van dit werk:*
-- **De drie dropdowns zijn ~57% van de schermbreedte terwijl de tekstvelden
-  vol-breed zijn.** Oogt rommelig in een formulier. Fix: `Width` op de
-  dropdowns op `double.infinity` (het ∞-knopje in het Width-veld).
-- **Sectiekoppen zijn inconsistent uitgelijnd:** "Wat", "Wanneer" en
-  "Organisatie" staan gecentreerd, "Entree" en "Media" links.
+✅ **Die twee cosmetische punten zijn afgewerkt (Claude, 2026-09-12, builder;
+exportgeverifieerd, `dart analyze` 0 errors, en visueel nagelegd op de
+telefoon-emulator):** de drie dropdowns staan nu op `double.infinity` (waren
+`200.0` terwijl de tekstvelden vol-breed zijn), en **alle negen** labels op de
+pagina staan links uitgelijnd — de vijf sectiekoppen plus "Uw
+Horecagelegenheid", dat als enige veldlabel nog gecentreerd stond. Daarmee is
+de pagina gelijk aan `stadsactiviteitAanmaken`, dat al 6× `double.infinity` en
+overal linkse uitlijning had.
+
+*Eén inconsistentie bewust laten staan, want hij zit op BEIDE aanmaakpagina's
+en is een ontwerpkeuze, geen bug:* de sectiekoppen gebruiken twee verschillende
+tekststijlen. "Wat"/"Wanneer"/"Organisatie" (en op stadsactiviteit ook "Waar")
+staan op **`bodyMedium`**, terwijl "Entree" en "Media" op **`headlineSmall`**
+staan — zichtbaar groter en zwaarder. Wil je dat gelijktrekken, dan is dat één
+keuze die je op beide pagina's tegelijk moet doorvoeren (5 + 6 widgets).
 Bouwstap 1 afgerond en bevestigd (2026-08-27): custom action
 Bouwstap 1 afgerond en bevestigd (2026-08-27): custom action
 `bestandUpload` (`lib/custom_code/actions/bestand_upload.dart`) upload
 `bestandUpload` (`lib/custom_code/actions/bestand_upload.dart`) upload
 foto → fid, live getest tegen productie
 foto → fid, live getest tegen productie

+ 78 - 66
lib/uitgaansevenement_aanmaken/uitgaansevenement_aanmaken_widget.dart

@@ -207,26 +207,29 @@ class _UitgaansevenementAanmakenWidgetState
                         child: Column(
                         child: Column(
                           mainAxisSize: MainAxisSize.max,
                           mainAxisSize: MainAxisSize.max,
                           children: [
                           children: [
-                            Text(
-                              FFLocalizations.of(context).getText(
-                                'opgbl8g0' /* Wat */,
-                              ),
-                              style: FlutterFlowTheme.of(context)
-                                  .bodyMedium
-                                  .override(
-                                    font: GoogleFonts.roboto(
+                            Align(
+                              alignment: AlignmentDirectional(-1.0, 0.0),
+                              child: Text(
+                                FFLocalizations.of(context).getText(
+                                  'opgbl8g0' /* Wat */,
+                                ),
+                                style: FlutterFlowTheme.of(context)
+                                    .bodyMedium
+                                    .override(
+                                      font: GoogleFonts.roboto(
+                                        fontWeight: FontWeight.w600,
+                                        fontStyle: FlutterFlowTheme.of(context)
+                                            .bodyMedium
+                                            .fontStyle,
+                                      ),
+                                      fontSize: 16.0,
+                                      letterSpacing: 0.0,
                                       fontWeight: FontWeight.w600,
                                       fontWeight: FontWeight.w600,
                                       fontStyle: FlutterFlowTheme.of(context)
                                       fontStyle: FlutterFlowTheme.of(context)
                                           .bodyMedium
                                           .bodyMedium
                                           .fontStyle,
                                           .fontStyle,
                                     ),
                                     ),
-                                    fontSize: 16.0,
-                                    letterSpacing: 0.0,
-                                    fontWeight: FontWeight.w600,
-                                    fontStyle: FlutterFlowTheme.of(context)
-                                        .bodyMedium
-                                        .fontStyle,
-                                  ),
+                              ),
                             ),
                             ),
                             Align(
                             Align(
                               alignment: AlignmentDirectional(-1.0, 0.0),
                               alignment: AlignmentDirectional(-1.0, 0.0),
@@ -480,14 +483,24 @@ class _UitgaansevenementAanmakenWidgetState
                                     .asValidator(context),
                                     .asValidator(context),
                               ),
                               ),
                             ),
                             ),
-                            Text(
-                              FFLocalizations.of(context).getText(
-                                'rqx6m3yf' /* Uw Horecagelegenheid */,
-                              ),
-                              style: FlutterFlowTheme.of(context)
-                                  .bodyMedium
-                                  .override(
-                                    font: GoogleFonts.roboto(
+                            Align(
+                              alignment: AlignmentDirectional(-1.0, 0.0),
+                              child: Text(
+                                FFLocalizations.of(context).getText(
+                                  'rqx6m3yf' /* Uw Horecagelegenheid */,
+                                ),
+                                style: FlutterFlowTheme.of(context)
+                                    .bodyMedium
+                                    .override(
+                                      font: GoogleFonts.roboto(
+                                        fontWeight: FlutterFlowTheme.of(context)
+                                            .bodyMedium
+                                            .fontWeight,
+                                        fontStyle: FlutterFlowTheme.of(context)
+                                            .bodyMedium
+                                            .fontStyle,
+                                      ),
+                                      letterSpacing: 0.0,
                                       fontWeight: FlutterFlowTheme.of(context)
                                       fontWeight: FlutterFlowTheme.of(context)
                                           .bodyMedium
                                           .bodyMedium
                                           .fontWeight,
                                           .fontWeight,
@@ -495,14 +508,7 @@ class _UitgaansevenementAanmakenWidgetState
                                           .bodyMedium
                                           .bodyMedium
                                           .fontStyle,
                                           .fontStyle,
                                     ),
                                     ),
-                                    letterSpacing: 0.0,
-                                    fontWeight: FlutterFlowTheme.of(context)
-                                        .bodyMedium
-                                        .fontWeight,
-                                    fontStyle: FlutterFlowTheme.of(context)
-                                        .bodyMedium
-                                        .fontStyle,
-                                  ),
+                              ),
                             ),
                             ),
                             Align(
                             Align(
                               alignment: AlignmentDirectional(-1.0, 0.0),
                               alignment: AlignmentDirectional(-1.0, 0.0),
@@ -588,7 +594,7 @@ class _UitgaansevenementAanmakenWidgetState
                                           _model.dropDownHorecagelegenheidValue;
                                           _model.dropDownHorecagelegenheidValue;
                                       safeSetState(() {});
                                       safeSetState(() {});
                                     },
                                     },
-                                    width: 200.0,
+                                    width: double.infinity,
                                     height: 40.0,
                                     height: 40.0,
                                     searchHintTextStyle:
                                     searchHintTextStyle:
                                         FlutterFlowTheme.of(context)
                                         FlutterFlowTheme.of(context)
@@ -777,7 +783,7 @@ class _UitgaansevenementAanmakenWidgetState
                                     optionLabels: functions.categorieSubLabels(
                                     optionLabels: functions.categorieSubLabels(
                                         dropDownCategorieenCategorieenResponse
                                         dropDownCategorieenCategorieenResponse
                                             .jsonBody)!,
                                             .jsonBody)!,
-                                    width: 200.0,
+                                    width: double.infinity,
                                     height: 40.0,
                                     height: 40.0,
                                     searchHintTextStyle:
                                     searchHintTextStyle:
                                         FlutterFlowTheme.of(context)
                                         FlutterFlowTheme.of(context)
@@ -912,14 +918,24 @@ class _UitgaansevenementAanmakenWidgetState
                         child: Column(
                         child: Column(
                           mainAxisSize: MainAxisSize.max,
                           mainAxisSize: MainAxisSize.max,
                           children: [
                           children: [
-                            Text(
-                              FFLocalizations.of(context).getText(
-                                'gysg1wwq' /* Wanneer */,
-                              ),
-                              style: FlutterFlowTheme.of(context)
-                                  .bodyMedium
-                                  .override(
-                                    font: GoogleFonts.roboto(
+                            Align(
+                              alignment: AlignmentDirectional(-1.0, 0.0),
+                              child: Text(
+                                FFLocalizations.of(context).getText(
+                                  'gysg1wwq' /* Wanneer */,
+                                ),
+                                style: FlutterFlowTheme.of(context)
+                                    .bodyMedium
+                                    .override(
+                                      font: GoogleFonts.roboto(
+                                        fontWeight: FlutterFlowTheme.of(context)
+                                            .bodyMedium
+                                            .fontWeight,
+                                        fontStyle: FlutterFlowTheme.of(context)
+                                            .bodyMedium
+                                            .fontStyle,
+                                      ),
+                                      letterSpacing: 0.0,
                                       fontWeight: FlutterFlowTheme.of(context)
                                       fontWeight: FlutterFlowTheme.of(context)
                                           .bodyMedium
                                           .bodyMedium
                                           .fontWeight,
                                           .fontWeight,
@@ -927,14 +943,7 @@ class _UitgaansevenementAanmakenWidgetState
                                           .bodyMedium
                                           .bodyMedium
                                           .fontStyle,
                                           .fontStyle,
                                     ),
                                     ),
-                                    letterSpacing: 0.0,
-                                    fontWeight: FlutterFlowTheme.of(context)
-                                        .bodyMedium
-                                        .fontWeight,
-                                    fontStyle: FlutterFlowTheme.of(context)
-                                        .bodyMedium
-                                        .fontStyle,
-                                  ),
+                              ),
                             ),
                             ),
                             InkWell(
                             InkWell(
                               splashColor: Colors.transparent,
                               splashColor: Colors.transparent,
@@ -1503,14 +1512,24 @@ class _UitgaansevenementAanmakenWidgetState
                         child: Column(
                         child: Column(
                           mainAxisSize: MainAxisSize.max,
                           mainAxisSize: MainAxisSize.max,
                           children: [
                           children: [
-                            Text(
-                              FFLocalizations.of(context).getText(
-                                'vkyrmq6a' /* Organisatie */,
-                              ),
-                              style: FlutterFlowTheme.of(context)
-                                  .bodyMedium
-                                  .override(
-                                    font: GoogleFonts.roboto(
+                            Align(
+                              alignment: AlignmentDirectional(-1.0, 0.0),
+                              child: Text(
+                                FFLocalizations.of(context).getText(
+                                  'vkyrmq6a' /* Organisatie */,
+                                ),
+                                style: FlutterFlowTheme.of(context)
+                                    .bodyMedium
+                                    .override(
+                                      font: GoogleFonts.roboto(
+                                        fontWeight: FlutterFlowTheme.of(context)
+                                            .bodyMedium
+                                            .fontWeight,
+                                        fontStyle: FlutterFlowTheme.of(context)
+                                            .bodyMedium
+                                            .fontStyle,
+                                      ),
+                                      letterSpacing: 0.0,
                                       fontWeight: FlutterFlowTheme.of(context)
                                       fontWeight: FlutterFlowTheme.of(context)
                                           .bodyMedium
                                           .bodyMedium
                                           .fontWeight,
                                           .fontWeight,
@@ -1518,14 +1537,7 @@ class _UitgaansevenementAanmakenWidgetState
                                           .bodyMedium
                                           .bodyMedium
                                           .fontStyle,
                                           .fontStyle,
                                     ),
                                     ),
-                                    letterSpacing: 0.0,
-                                    fontWeight: FlutterFlowTheme.of(context)
-                                        .bodyMedium
-                                        .fontWeight,
-                                    fontStyle: FlutterFlowTheme.of(context)
-                                        .bodyMedium
-                                        .fontStyle,
-                                  ),
+                              ),
                             ),
                             ),
                             Align(
                             Align(
                               alignment: AlignmentDirectional(-1.0, 0.0),
                               alignment: AlignmentDirectional(-1.0, 0.0),
@@ -1925,7 +1937,7 @@ class _UitgaansevenementAanmakenWidgetState
                                             _model.dropDownEntreeValue;
                                             _model.dropDownEntreeValue;
                                         safeSetState(() {});
                                         safeSetState(() {});
                                       },
                                       },
-                                      width: 200.0,
+                                      width: double.infinity,
                                       height: 40.0,
                                       height: 40.0,
                                       textStyle: FlutterFlowTheme.of(context)
                                       textStyle: FlutterFlowTheme.of(context)
                                           .bodyMedium
                                           .bodyMedium