(fix) Test results viewer content switcher text UI fixes

openmrs · Sep 20, 2024 · 7176d47 · 7176d47
1 parent 308cd15
commit 7176d47
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/esm-patient-labs-app/src/test-results/results-viewer/results-viewer.extension.tsx b/packages/esm-patient-labs-app/src/test-results/results-viewer/results-viewer.extension.tsx
@@ -80,7 +80,7 @@ const ResultsViewer: React.FC<ResultsViewerProps> = ({ patientUuid, basePath, lo
             totalResultsCount ? `(${totalResultsCount})` : ''
           }`}</h4>
           <div className={styles.leftHeaderActions}>
-            <p>{t('view', 'View')} : </p>
+            <p>{t('view', 'View')}: </p>
             <ContentSwitcher
               selectedIndex={['panel', 'tree'].indexOf(selectedSection)}
               onChange={({ name }: { name: panelOpts }) => setSelectedSection(name)}
@@ -140,7 +140,7 @@ const ResultsViewer: React.FC<ResultsViewerProps> = ({ patientUuid, basePath, lo
             <h4 className={styles.viewOptionsText}>{`${t('results', 'Results')} ${
               totalResultsCount ? `(${totalResultsCount})` : ''
             }`}</h4>
-            <p className={styles.viewOptionsSubHeading}>{t('view', 'View')} : </p>
+            <p className={styles.viewOptionsSubHeading}>{t('view', 'View')}: </p>
             <ContentSwitcher
               className={styles.viewOptionsSwitcher}
               onChange={({ name }: { name: viewOpts }) => setView(name)}

diff --git a/packages/esm-patient-labs-app/src/test-results/results-viewer/results-viewer.scss b/packages/esm-patient-labs-app/src/test-results/results-viewer/results-viewer.scss
@@ -58,7 +58,7 @@
   display: grid;
   grid-template-columns: 1fr auto auto;
   align-items: center;
-  gap: 10px;
+  gap: 0.625rem;
 }
 
 .viewOptionsText {
@@ -96,6 +96,8 @@
 .leftHeaderActions {
   display: flex;
   min-width: layout.$spacing-08;
+  align-items: center;
+  gap: 0.625rem;
 }
 
 .leftHeaderActions > :global(.cds--content-switcher),