From 4fd4d99c77030e18fec4bdce109d766bf33bf33b Mon Sep 17 00:00:00 2001
From: oltionchampari <oltion.champari@datavisyn.io>
Date: Wed, 28 Sep 2022 12:27:06 +0200
Subject: [PATCH] Add nowrap to button, add scrollbar to searchbox

https://github.com/Caleydo/tdp_bi_bioinfodb/issues/1390
---
 src/menu/DatasetSearchBox.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/menu/DatasetSearchBox.tsx b/src/menu/DatasetSearchBox.tsx
index 75686c56..c3ebcff5 100644
--- a/src/menu/DatasetSearchBox.tsx
+++ b/src/menu/DatasetSearchBox.tsx
@@ -151,6 +151,16 @@ export function DatasetSearchBox({ placeholder, dataSource, onOpen, onSaveAsName
           DropdownIndicator: addDataTestId(dropdownIndicator, 'async-paginate-dropdownindicator'),
         }}
         styles={{
+          indicatorsContainer: (styles) => ({
+            ...styles,
+            maxHeight: '70px',
+            alignSelf: 'flex-end',
+          }),
+          valueContainer: (styles) => ({
+            ...styles,
+            maxHeight: '125px', // show 4 rows of values
+            overflow: 'auto',
+          }),
           multiValue: (styles, { data }) => ({
             ...styles,
             border: `1px solid #CCC`,
@@ -209,7 +219,7 @@ export function DatasetSearchBox({ placeholder, dataSource, onOpen, onSaveAsName
       </button>
       <button
         type="button"
-        className="btn btn-outline-secondary"
+        className="btn btn-outline-secondary text-nowrap"
         data-testid="save-button"
         disabled={!validItems?.length}
         onClick={() => onSaveAsNamedSet(validItems)}