modified the patients class to make it responsive

I-TECH-UW · Nov 6, 2024 · 8e8eff5 · 8e8eff5
1 parent 7310424
commit 8e8eff5
Showing 1 changed file with 25 additions and 5 deletions.
diff --git a/frontend/src/components/layout/search/searchBar.css b/frontend/src/components/layout/search/searchBar.css
@@ -30,17 +30,18 @@
   max-height: 250px;
   position: absolute;
   background-color: #f0e7e7;
-  top: 90px;
-  right: -30px;
+  top: 89px;
+  right: -1px;
   box-shadow: 0em 0.1em 0.5em #ccc;
 }
 
 .patientHead {
-  width: 680px;
+  width: 103%;
   position: relative;
   border-bottom: 2px solid #eee3e3;
   background-color: #fcfbfb;
   height: 52px;
+  right: -1px;
   box-shadow: 0em 0.01em 0.05em #ccc;
 }
 .tags {
@@ -65,7 +66,26 @@
   .search-input {
     width: 45%;
   }
-  .patients{
-    top: 45px;
+
+  .patients {
+    overflow-y: auto;
+    width: 45%;
+    max-height: 250px;
+    position: absolute;
+    background-color: #f0e7e7;
+    top: 48px;
+    right: 130px;
+    box-shadow: 0em 0.1em 0.5em #ccc;
+  }
+
+  .patientHead {
+    overflow-y: auto;
+    width: 600px;
+    right: -1px;
+    position: relative;
+    border-bottom: 2px solid #eee3e3;
+    background-color: #fcfbfb;
+    height: 52px;
+    box-shadow: 0em 0.01em 0.05em #ccc;
   }
 }