diff --git a/docs/project/backlog/WP-34-adres-phone-brp-readonly.md b/docs/project/backlog/WP-34-adres-phone-brp-readonly.md
index f426113..747f196 100644
--- a/docs/project/backlog/WP-34-adres-phone-brp-readonly.md
+++ b/docs/project/backlog/WP-34-adres-phone-brp-readonly.md
@@ -5,7 +5,7 @@ Phase: 7 — refinements
## Why
-The "Mijn gegevens" screen let the user *edit* their address (straat/postcode/woonplaats) and
+The "Mijn gegevens" screen let the user _edit_ their address (straat/postcode/woonplaats) and
submit it as an adreswijziging. But the BRP (Basisregistratie Personen) is the authority for a
person's address — you change it at the municipality, not in a register self-service portal.
This WP corrects that: the address is shown **read-only** (rendered from the BRP data the
diff --git a/src/app/registratie/ui/change-request-form/change-request-form.component.ts b/src/app/registratie/ui/change-request-form/change-request-form.component.ts
index d9a3385..f4d3a42 100644
--- a/src/app/registratie/ui/change-request-form/change-request-form.component.ts
+++ b/src/app/registratie/ui/change-request-form/change-request-form.component.ts
@@ -5,6 +5,8 @@ import { HeadingComponent } from '@shared/ui/heading/heading.component';
import { AlertComponent } from '@shared/ui/alert/alert.component';
import { FormFieldComponent } from '@shared/ui/form-field/form-field.component';
import { TextInputComponent } from '@shared/ui/text-input/text-input.component';
+import { DataBlockComponent } from '@shared/ui/data-block/data-block.component';
+import { DataRowComponent } from '@shared/ui/data-row/data-row.component';
import { Adres } from '@registratie/domain/person';
import { createStore } from '@shared/application/store';
import { whenTag } from '@shared/kernel/fp';
@@ -32,21 +34,20 @@ import { createSubmitChangeRequest } from '@registratie/application/submit-chang
AlertComponent,
FormFieldComponent,
TextInputComponent,
+ DataBlockComponent,
+ DataRowComponent,
],
styles: [
`
- .brp {
- margin-block-end: var(--rhc-space-max-lg);
- }
- .brp dt {
- font-weight: var(--rhc-text-font-weight-semi-bold);
- }
- .brp dd {
- margin: 0 0 var(--rhc-space-max-sm) 0;
- }
- .brp .source {
+ .source {
color: var(--rhc-color-grijs-700);
font-size: var(--rhc-text-font-size-sm);
+ margin-block-end: var(--rhc-space-max-lg);
+ }
+ legend {
+ padding: 0;
+ font-weight: var(--rhc-text-font-weight-semi-bold);
+ margin-block-end: var(--rhc-space-max-md);
}
`,
],
@@ -68,14 +69,15 @@ import { createSubmitChangeRequest } from '@registratie/application/submit-chang
Contactgegevens wijzigen
@if (brpAdres(); as a) {
-
- - Adres (BRP)
- - {{ a.straat }}
{{ a.postcode }} {{ a.woonplaats }}
- -
- Uw adres komt uit de Basisregistratie Personen en kan hier niet worden gewijzigd. Wijzig
- het bij uw gemeente.
-
-
+
+
+
+
+
+
+ Uw adres komt uit de Basisregistratie Personen en kan hier niet worden gewijzigd. Wijzig
+ het bij uw gemeente.
+
}