fixing dropdown overlay bug (#124)

bcgov · Mar 22, 2024 · 795b615 · 795b615
1 parent 938a188
commit 795b615
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/dashboard/src/components/filter/Filter.module.scss b/src/dashboard/src/components/filter/Filter.module.scss
@@ -15,7 +15,17 @@
   transform: translateX(-50%);
   left: 50%;
   color: $bc-black;
-  z-index: 1;
+  z-index: 2;
+
+  h1 {
+    min-width: 100px;
+  }
+
+  @media (min-width: $mobile) {
+    >div:last-of-type {
+      margin-right: 14px;
+    }
+  }
 
   @media (max-width: $desktop) {
     h1 {

diff --git a/src/dashboard/src/components/forms/select/Select.module.scss b/src/dashboard/src/components/forms/select/Select.module.scss
@@ -51,7 +51,7 @@
   flex-direction: column;
   position: relative;
   width: 100%;
-  max-width: 255px;
+  margin: 0 7px;
 
   @media screen and (max-width: $desktop) {
     margin: 0 5px;