diff --git a/src/modals/contactMomenten/ContactMomentenForm.vue b/src/modals/contactMomenten/ContactMomentenForm.vue index 25e4074..9cb470b 100644 --- a/src/modals/contactMomenten/ContactMomentenForm.vue +++ b/src/modals/contactMomenten/ContactMomentenForm.vue @@ -23,31 +23,29 @@ import { contactMomentStore, navigationStore, taakStore, zaakStore } from '../.. - -
-
- status: {{ contactMoment.status }} -
-
- startDate: {{ new Date(contactMoment.startDate).toLocaleDateString() }} -
-
-
+
+
+ Status: {{ contactMoment.status }} +
+
+ Start datum: {{ new Date(contactMoment.startDate).toLocaleDateString() }} +
+
@@ -553,8 +559,12 @@ div[class='modal-container']:has(.ContactMomentenForm) { gap: var(--zaa-margin-10); } -.flexContainer { +.flexContainer, .statusContainer { display: flex; gap: var(--zaa-margin-10); } + +.statusContainer { + align-items: center; +} diff --git a/src/views/widgets/ContactMomentenWidget.vue b/src/views/widgets/ContactMomentenWidget.vue index 7a82c6a..761e906 100644 --- a/src/views/widgets/ContactMomentenWidget.vue +++ b/src/views/widgets/ContactMomentenWidget.vue @@ -109,8 +109,7 @@ export default { mainText: (() => { // this is a self calling function to get the klant name, which is why you don't see it being called anywhere const klant = klantResponse.entities.find(klant => klant.id === contactMoment.klant) if (klant) { - const tussenvoegsel = klant.tussenvoegsel ? klant.tussenvoegsel + ' ' : '' - return `${klant.voornaam} ${tussenvoegsel}${klant.achternaam}` + return klant.type === 'persoon' ? `${klant.voornaam} ${klant.tussenvoegsel} ${klant.achternaam}` : `${klant.bedrijfsnaam}` } return '' })(),