(fix) O3-3915: The buttons in the refine-search overlay for the patie…

…nt search button are partially hidden in a desktop layout (#1311)
openmrs · Sep 15, 2024 · 1e3f177 · 1e3f177
1 parent 07da6a7
commit 1e3f177
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/esm-patient-search-app/src/patient-search-page/refine-search.component.tsx b/packages/esm-patient-search-app/src/patient-search-page/refine-search.component.tsx
@@ -292,7 +292,7 @@ const RefineSearch: React.FC<RefineSearchProps> = ({ setFilters, inTabletOrOverl
   }
 
   return (
-    <form onSubmit={handleSubmit} className={styles.refineSeachContainer} data-openmrs-role="Refine Search">
+    <form onSubmit={handleSubmit} className={styles.refineSearchContainer} data-openmrs-role="Refine Search">
       <h2 className={styles.productiveHeading02}>{t('refineSearch', 'Refine search')}</h2>
       <div className={styles.field}>
         <div className={styles.labelText}>

diff --git a/packages/esm-patient-search-app/src/patient-search-page/refine-search.scss b/packages/esm-patient-search-app/src/patient-search-page/refine-search.scss
@@ -2,7 +2,7 @@
 @use '@carbon/type';
 @use '@openmrs/esm-styleguide/src/vars' as *;
 
-.refineSeachContainer {
+.refineSearchContainer {
   h2 {
     margin: layout.$spacing-03 0;
   }

diff --git a/packages/esm-patient-search-app/src/ui-components/overlay/overlay.scss b/packages/esm-patient-search-app/src/ui-components/overlay/overlay.scss
@@ -5,8 +5,8 @@
 .desktopOverlay {
   position: fixed;
   top: layout.$spacing-09;
+  bottom: 0;
   right: 0;
-  height: 100vh;
   width: 26.25rem;
   background-color: $ui-01;
   border-left: 1px solid $text-03;