(fix) O3-4365 Ward app - fix styling of patient identifier in patient…

… card (#1459)
openmrs · Jan 21, 2025 · 58f023c · 58f023c
1 parent 27aac1d
commit 58f023c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/esm-ward-app/src/ward-patient-card/row-elements/ward-patient-identifier.scss b/packages/esm-ward-app/src/ward-patient-card/row-elements/ward-patient-identifier.scss
@@ -0,0 +1,3 @@
+.wardPatientIdentifierWrapper {
+  display: contents;
+}
diff --git a/packages/esm-ward-app/src/ward-patient-card/row-elements/ward-patient-identifier.tsx b/packages/esm-ward-app/src/ward-patient-card/row-elements/ward-patient-identifier.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { type Patient, type PatientIdentifier, PatientBannerPatientIdentifiers } from '@openmrs/esm-framework';
 import { useElementConfig } from '../../ward-view/ward-view.resource';
+import styles from './ward-patient-identifier.scss';
 
 export interface WardPatientIdentifierProps {
   patient: Patient;
@@ -23,7 +24,7 @@ const WardPatientIdentifier: React.FC<WardPatientIdentifierProps> = ({ id, patie
   }));
 
   return (
-    <div>
+    <div className={styles.wardPatientIdentifierWrapper}>
       <PatientBannerPatientIdentifiers
         identifiers={fhirIdentifiers}
         showIdentifierLabel={config?.showIdentifierLabel}