Fix filters dropdown styles (#613)

Signed-off-by: Cintia Sanchez Garcia <[email protected]>
cncf · May 28, 2024 · b7054c5 · b7054c5
1 parent f070022
commit b7054c5
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/web/package.json b/web/package.json
@@ -6,7 +6,7 @@
   "type": "module",
   "dependencies": {
     "classnames": "^2.5.1",
-    "clo-ui": "https://github.com/cncf/clo-ui.git#v0.3.0",
+    "clo-ui": "https://github.com/cncf/clo-ui.git#v0.3.1",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
     "react": "^18.3.1",

diff --git a/web/src/layout/search/FiltersInLine.module.css b/web/src/layout/search/FiltersInLine.module.css
@@ -83,7 +83,8 @@
 }
 
 .searchBar {
-  width: 94% !important;
+  margin: 0 0.25rem !important;
+  width: calc(100% - 1rem) !important;
 }
 
 @media only screen and (min-width: 1200px) {
@@ -95,6 +96,11 @@
     /* Min-width for all dropdowns in all breakpoints */
     min-width: 165px !important;
   }
+
+  .searchBar {
+    margin: 0 !important;
+    width: calc(100% - 1rem) !important;
+  }
 }
 
 @media only screen and (min-width: 1400px) {

diff --git a/web/yarn.lock b/web/yarn.lock
@@ -3420,9 +3420,9 @@ cliui@^7.0.2:
     strip-ansi "^6.0.0"
     wrap-ansi "^7.0.0"
 
-"clo-ui@https://github.com/cncf/clo-ui.git#v0.3.0":
-  version "0.3.0"
-  resolved "https://github.com/cncf/clo-ui.git#cb97af364d55d2c2433f3851246ddc36bd1f181d"
+"clo-ui@https://github.com/cncf/clo-ui.git#v0.3.1":
+  version "0.3.1"
+  resolved "https://github.com/cncf/clo-ui.git#430299492abc3b19e9b07fbfb5ed66e2a141f269"
   dependencies:
     bootstrap "^5.3.3"
     classnames "^2.5.1"