refactor: scope patient search bar rule to only searchBarWrapper

openmrs · Jul 30, 2024 · 9290509 · 9290509
1 parent c8562c1
commit 9290509
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/packages/esm-appointments-app/src/patient-search/patient-search.scss b/packages/esm-appointments-app/src/patient-search/patient-search.scss
@@ -6,18 +6,20 @@
   padding: spacing.$spacing-05;
 }
 
-[data-extension-id='patient-search-bar'] {
-  & > div {
-    width: 100%;
+.searchBarWrapper {
+  [data-extension-id='patient-search-bar'] {
+    & > div {
+      width: 100%;
 
-    & input {
-      background-color: $ui-02;
-      border-bottom: none;
-      min-height: spacing.$spacing-09;
-    }
+      & input {
+        background-color: $ui-02;
+        border-bottom: none;
+        min-height: spacing.$spacing-09;
+      }
 
-    & button {
-      height: spacing.$spacing-09;
+      & button {
+        height: 3rem;
+      }
     }
   }
 }
diff --git a/packages/esm-patient-search-app/src/compact-patient-search/compact-patient-banner.scss b/packages/esm-patient-search-app/src/compact-patient-search/compact-patient-banner.scss
@@ -26,7 +26,6 @@
   background: none;
   cursor: pointer;
   width: 100%;
-  height: auto !important;
 }
 
 .patientBanner {
@@ -59,7 +58,6 @@
 .demographics {
   display: flex;
   align-items: center;
-  flex-wrap: wrap;
   margin-top: spacing.$spacing-02;
   @include type.type-style('body-compact-01');
   color: $text-02;