(fix) O3-4011 - Ward App - make styling for patient card's patient id…

[chibongho]

…entifier consistent

Requirements

• This PR has a title that briefly describes the work done including the ticket number. If there is a ticket, make sure your PR title includes a conventional commit label. See existing PR titles for inspiration.
• My work conforms to the OpenMRS 3.0 Styleguide and design documentation.
• My work includes tests or is validated by existing tests.

Summary

Styling of the patient identifier in the patient card's header row vs the mother child row were inconsistent. This PR fixes it.

I ended up having to change the mother-child row to not hard-code the elements (and instead define them in config) so that the same element config can be used in both the header row and mother -child row.

I also made it so that if the label for the patient identifier type is empty, we display the patient identifier (instead of the patient identifier type) in a carbon Tag. This should make the identifier fairly prominent and easy to find.

Screenshots

Before:

After:

Related Issue

Other

[github-actions]

Size Change: -7 B (0%)

Total Size: 6.1 MB

ℹ️ View Unchanged

Filename	Size	Change
packages/esm-active-visits-app/dist/106.js	8.63 kB	0 B
packages/esm-active-visits-app/dist/130.js	345 kB	0 B
packages/esm-active-visits-app/dist/233.js	3.37 kB	0 B
packages/esm-active-visits-app/dist/271.js	800 B	0 B
packages/esm-active-visits-app/dist/316.js	42.9 kB	0 B
packages/esm-active-visits-app/dist/319.js	709 B	0 B
packages/esm-active-visits-app/dist/325.js	3.09 kB	0 B
packages/esm-active-visits-app/dist/443.js	6.98 kB	0 B
packages/esm-active-visits-app/dist/460.js	824 B	0 B
packages/esm-active-visits-app/dist/574.js	615 B	0 B
packages/esm-active-visits-app/dist/586.js	53.5 kB	0 B
packages/esm-active-visits-app/dist/6.js	26.2 kB	0 B
packages/esm-active-visits-app/dist/644.js	800 B	0 B
packages/esm-active-visits-app/dist/725.js	643 B	0 B
packages/esm-active-visits-app/dist/757.js	721 B	0 B
packages/esm-active-visits-app/dist/784.js	2.63 kB	0 B
packages/esm-active-visits-app/dist/788.js	628 B	0 B
packages/esm-active-visits-app/dist/807.js	959 B	0 B
packages/esm-active-visits-app/dist/814.js	3.04 kB	0 B
packages/esm-active-visits-app/dist/833.js	765 B	0 B
packages/esm-active-visits-app/dist/879.js	3.02 kB	0 B
packages/esm-active-visits-app/dist/967.js	611 B	0 B
packages/esm-active-visits-app/dist/main.js	81.9 kB	0 B
packages/esm-active-visits-app/dist/openmrs-esm-active-visits-app.js	3.32 kB	0 B
packages/esm-appointments-app/dist/130.js	345 kB	0 B
packages/esm-appointments-app/dist/171.js	223 B	0 B
packages/esm-appointments-app/dist/198.js	250 kB	0 B
packages/esm-appointments-app/dist/2.js	2.23 kB	0 B
packages/esm-appointments-app/dist/265.js	1.79 kB	0 B
packages/esm-appointments-app/dist/269.js	7.38 kB	0 B
packages/esm-appointments-app/dist/271.js	2.41 kB	0 B
packages/esm-appointments-app/dist/319.js	2.23 kB	0 B
packages/esm-appointments-app/dist/325.js	3.08 kB	0 B
packages/esm-appointments-app/dist/372.js	2.57 kB	0 B
packages/esm-appointments-app/dist/385.js	31.1 kB	0 B
packages/esm-appointments-app/dist/440.js	16.6 kB	0 B
packages/esm-appointments-app/dist/460.js	2.45 kB	0 B
packages/esm-appointments-app/dist/501.js	7.02 kB	0 B
packages/esm-appointments-app/dist/574.js	2.02 kB	0 B
packages/esm-appointments-app/dist/581.js	9.03 kB	0 B
packages/esm-appointments-app/dist/591.js	16.8 kB	0 B
packages/esm-appointments-app/dist/644.js	2.41 kB	0 B
packages/esm-appointments-app/dist/711.js	129 kB	0 B
packages/esm-appointments-app/dist/757.js	2.28 kB	0 B
packages/esm-appointments-app/dist/784.js	2.62 kB	0 B
packages/esm-appointments-app/dist/788.js	2.02 kB	0 B
packages/esm-appointments-app/dist/807.js	2.65 kB	0 B
packages/esm-appointments-app/dist/833.js	2.37 kB	0 B
packages/esm-appointments-app/dist/903.js	879 B	0 B
packages/esm-appointments-app/dist/main.js	396 kB	0 B
packages/esm-appointments-app/dist/openmrs-esm-appointments-app.js	3.56 kB	0 B
packages/esm-bed-management-app/dist/130.js	345 kB	0 B
packages/esm-bed-management-app/dist/148.js	1.22 kB	0 B
packages/esm-bed-management-app/dist/169.js	6.98 kB	0 B
packages/esm-bed-management-app/dist/271.js	680 B	0 B
packages/esm-bed-management-app/dist/319.js	680 B	0 B
packages/esm-bed-management-app/dist/325.js	3.09 kB	0 B
packages/esm-bed-management-app/dist/339.js	50.2 kB	0 B
packages/esm-bed-management-app/dist/455.js	26.5 kB	0 B
packages/esm-bed-management-app/dist/460.js	680 B	0 B
packages/esm-bed-management-app/dist/501.js	7.03 kB	0 B
packages/esm-bed-management-app/dist/542.js	395 B	0 B
packages/esm-bed-management-app/dist/574.js	672 B	0 B
packages/esm-bed-management-app/dist/591.js	16.8 kB	0 B
packages/esm-bed-management-app/dist/644.js	680 B	0 B
packages/esm-bed-management-app/dist/757.js	731 B	0 B
packages/esm-bed-management-app/dist/766.js	113 kB	0 B
packages/esm-bed-management-app/dist/784.js	2.63 kB	0 B
packages/esm-bed-management-app/dist/788.js	680 B	0 B
packages/esm-bed-management-app/dist/807.js	680 B	0 B
packages/esm-bed-management-app/dist/833.js	680 B	0 B
packages/esm-bed-management-app/dist/main.js	3.87 kB	0 B
packages/esm-bed-management-app/dist/openmrs-esm-bed-management-app.js	3.25 kB	0 B
packages/esm-patient-list-management-app/dist/130.js	345 kB	0 B
packages/esm-patient-list-management-app/dist/233.js	3.38 kB	0 B
packages/esm-patient-list-management-app/dist/271.js	1.57 kB	0 B
packages/esm-patient-list-management-app/dist/319.js	1.51 kB	0 B
packages/esm-patient-list-management-app/dist/325.js	3.09 kB	0 B
packages/esm-patient-list-management-app/dist/37.js	8.38 kB	0 B
packages/esm-patient-list-management-app/dist/443.js	6.98 kB	0 B
packages/esm-patient-list-management-app/dist/455.js	57.7 kB	0 B
packages/esm-patient-list-management-app/dist/460.js	1.71 kB	0 B
packages/esm-patient-list-management-app/dist/574.js	1.33 kB	0 B
packages/esm-patient-list-management-app/dist/591.js	16.9 kB	0 B
packages/esm-patient-list-management-app/dist/644.js	1.57 kB	0 B
packages/esm-patient-list-management-app/dist/658.js	102 kB	0 B
packages/esm-patient-list-management-app/dist/757.js	1.56 kB	0 B
packages/esm-patient-list-management-app/dist/784.js	2.63 kB	0 B
packages/esm-patient-list-management-app/dist/788.js	1.33 kB	0 B
packages/esm-patient-list-management-app/dist/807.js	1.84 kB	0 B
packages/esm-patient-list-management-app/dist/814.js	3.05 kB	0 B
packages/esm-patient-list-management-app/dist/833.js	1.59 kB	0 B
packages/esm-patient-list-management-app/dist/main.js	162 kB	0 B
packages/esm-patient-list-management-app/dist/openmrs-esm-patient-list-management-app.js	3.3 kB	0 B
packages/esm-patient-registration-app/dist/130.js	344 kB	0 B
packages/esm-patient-registration-app/dist/169.js	6.71 kB	0 B
packages/esm-patient-registration-app/dist/2.js	2.24 kB	0 B
packages/esm-patient-registration-app/dist/271.js	2.43 kB	0 B
packages/esm-patient-registration-app/dist/319.js	2.32 kB	0 B
packages/esm-patient-registration-app/dist/325.js	3.09 kB	0 B
packages/esm-patient-registration-app/dist/371.js	547 B	0 B
packages/esm-patient-registration-app/dist/372.js	2.57 kB	0 B
packages/esm-patient-registration-app/dist/460.js	2.42 kB	0 B
packages/esm-patient-registration-app/dist/501.js	7.03 kB	0 B
packages/esm-patient-registration-app/dist/574.js	2.04 kB	0 B
packages/esm-patient-registration-app/dist/591.js	16.8 kB	0 B
packages/esm-patient-registration-app/dist/623.js	6.19 kB	0 B
packages/esm-patient-registration-app/dist/644.js	2.43 kB	0 B
packages/esm-patient-registration-app/dist/662.js	453 B	0 B
packages/esm-patient-registration-app/dist/700.js	69.6 kB	0 B
packages/esm-patient-registration-app/dist/757.js	2.37 kB	0 B
packages/esm-patient-registration-app/dist/784.js	2.63 kB	0 B
packages/esm-patient-registration-app/dist/788.js	2.04 kB	0 B
packages/esm-patient-registration-app/dist/807.js	2.66 kB	0 B
packages/esm-patient-registration-app/dist/833.js	2.31 kB	0 B
packages/esm-patient-registration-app/dist/879.js	3.03 kB	0 B
packages/esm-patient-registration-app/dist/998.js	67.2 kB	0 B
packages/esm-patient-registration-app/dist/main.js	137 kB	0 B
packages/esm-patient-registration-app/dist/openmrs-esm-patient-registration-app.js	3.34 kB	0 B
packages/esm-patient-search-app/dist/130.js	345 kB	0 B
packages/esm-patient-search-app/dist/233.js	3.37 kB	0 B
packages/esm-patient-search-app/dist/271.js	920 B	0 B
packages/esm-patient-search-app/dist/319.js	861 B	0 B
packages/esm-patient-search-app/dist/325.js	3.09 kB	0 B
packages/esm-patient-search-app/dist/334.js	24.6 kB	0 B
packages/esm-patient-search-app/dist/443.js	6.98 kB	0 B
packages/esm-patient-search-app/dist/460.js	939 B	0 B
packages/esm-patient-search-app/dist/574.js	742 B	0 B
packages/esm-patient-search-app/dist/591.js	16.8 kB	0 B
packages/esm-patient-search-app/dist/634.js	52 kB	0 B
packages/esm-patient-search-app/dist/644.js	920 B	0 B
packages/esm-patient-search-app/dist/757.js	871 B	0 B
packages/esm-patient-search-app/dist/784.js	2.63 kB	0 B
packages/esm-patient-search-app/dist/788.js	736 B	0 B
packages/esm-patient-search-app/dist/807.js	1.04 kB	0 B
packages/esm-patient-search-app/dist/814.js	3.05 kB	0 B
packages/esm-patient-search-app/dist/833.js	877 B	0 B
packages/esm-patient-search-app/dist/main.js	77.4 kB	0 B
packages/esm-patient-search-app/dist/openmrs-esm-patient-search-app.js	3.29 kB	0 B
packages/esm-service-queues-app/dist/130.js	345 kB	0 B
packages/esm-service-queues-app/dist/169.js	6.98 kB	0 B
packages/esm-service-queues-app/dist/199.js	1.36 kB	0 B
packages/esm-service-queues-app/dist/2.js	2.23 kB	0 B
packages/esm-service-queues-app/dist/236.js	5.84 kB	0 B
packages/esm-service-queues-app/dist/271.js	4.56 kB	0 B
packages/esm-service-queues-app/dist/282.js	8.97 kB	0 B
packages/esm-service-queues-app/dist/319.js	3.85 kB	0 B
packages/esm-service-queues-app/dist/325.js	3.09 kB	0 B
packages/esm-service-queues-app/dist/366.js	7.86 kB	0 B
packages/esm-service-queues-app/dist/372.js	2.57 kB	0 B
packages/esm-service-queues-app/dist/392.js	7.85 kB	0 B
packages/esm-service-queues-app/dist/460.js	4.77 kB	0 B
packages/esm-service-queues-app/dist/501.js	7.03 kB	0 B
packages/esm-service-queues-app/dist/574.js	3.86 kB	0 B
packages/esm-service-queues-app/dist/591.js	16.8 kB	0 B
packages/esm-service-queues-app/dist/6.js	1.75 kB	0 B
packages/esm-service-queues-app/dist/60.js	1.82 kB	0 B
packages/esm-service-queues-app/dist/604.js	6.96 kB	0 B
packages/esm-service-queues-app/dist/644.js	4.56 kB	0 B
packages/esm-service-queues-app/dist/665.js	160 kB	0 B
packages/esm-service-queues-app/dist/670.js	10 kB	0 B
packages/esm-service-queues-app/dist/727.js	8.1 kB	0 B
packages/esm-service-queues-app/dist/748.js	116 kB	0 B
packages/esm-service-queues-app/dist/752.js	1.62 kB	0 B
packages/esm-service-queues-app/dist/757.js	4.14 kB	0 B
packages/esm-service-queues-app/dist/760.js	7.13 kB	0 B
packages/esm-service-queues-app/dist/784.js	2.63 kB	0 B
packages/esm-service-queues-app/dist/788.js	3.85 kB	0 B
packages/esm-service-queues-app/dist/800.js	1.68 kB	0 B
packages/esm-service-queues-app/dist/807.js	5.13 kB	0 B
packages/esm-service-queues-app/dist/818.js	2.55 kB	0 B
packages/esm-service-queues-app/dist/828.js	1.39 kB	0 B
packages/esm-service-queues-app/dist/833.js	4.46 kB	0 B
packages/esm-service-queues-app/dist/911.js	7.76 kB	0 B
packages/esm-service-queues-app/dist/940.js	21.4 kB	0 B
packages/esm-service-queues-app/dist/main.js	276 kB	0 B
packages/esm-service-queues-app/dist/openmrs-esm-service-queues-app.js	3.31 kB	0 B
packages/esm-ward-app/dist/109.js	344 B	0 B
packages/esm-ward-app/dist/125.js	5.68 kB	+3 B (+0.05%)
packages/esm-ward-app/dist/130.js	345 kB	0 B
packages/esm-ward-app/dist/169.js	6.97 kB	0 B
packages/esm-ward-app/dist/2.js	2.23 kB	0 B
packages/esm-ward-app/dist/269.js	829 B	0 B
packages/esm-ward-app/dist/314.js	32.1 kB	-44 B (-0.14%)
packages/esm-ward-app/dist/325.js	3.08 kB	0 B
packages/esm-ward-app/dist/342.js	1.08 kB	0 B
packages/esm-ward-app/dist/348.js	349 B	0 B
packages/esm-ward-app/dist/372.js	2.56 kB	0 B
packages/esm-ward-app/dist/466.js	393 B	0 B
packages/esm-ward-app/dist/500.js	4.99 kB	0 B
packages/esm-ward-app/dist/501.js	7.02 kB	0 B
packages/esm-ward-app/dist/53.js	11.3 kB	0 B
packages/esm-ward-app/dist/545.js	35.6 kB	0 B
packages/esm-ward-app/dist/559.js	342 B	0 B
packages/esm-ward-app/dist/574.js	1.39 kB	0 B
packages/esm-ward-app/dist/577.js	18 kB	+2 B (+0.01%)
packages/esm-ward-app/dist/591.js	16.8 kB	0 B
packages/esm-ward-app/dist/659.js	9.89 kB	0 B
packages/esm-ward-app/dist/701.js	3.53 kB	+68 B (+1.97%)
packages/esm-ward-app/dist/749.js	8.18 kB	+2 B (+0.02%)
packages/esm-ward-app/dist/767.js	648 B	0 B
packages/esm-ward-app/dist/784.js	2.62 kB	0 B
packages/esm-ward-app/dist/922.js	9.3 kB	+2 B (+0.02%)
packages/esm-ward-app/dist/940.js	21.4 kB	0 B
packages/esm-ward-app/dist/969.js	202 B	0 B
packages/esm-ward-app/dist/main.js	68.2 kB	-40 B (-0.06%)
packages/esm-ward-app/dist/openmrs-esm-ward-app.js	3.29 kB	0 B

_{compressed-size-action}