From 7ebdfa5822ec72f0e766361199cab329b03b4c01 Mon Sep 17 00:00:00 2001
From: Pascal Hartig <realpassy@fb.com>
Date: Fri, 11 Jun 2021 06:31:56 -0700
Subject: [PATCH] Increase dropdown width

Summary: Changelog: Increase width of database name and table name dropdowns

Reviewed By: fabiomassimo

Differential Revision: D29062064

fbshipit-source-id: 46278ae6587d2feadea20fd1c5b4e04400034362
---
 desktop/plugins/public/databases/DatabasesPlugin.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/desktop/plugins/public/databases/DatabasesPlugin.tsx b/desktop/plugins/public/databases/DatabasesPlugin.tsx
index 60a7aab16..b7354626c 100644
--- a/desktop/plugins/public/databases/DatabasesPlugin.tsx
+++ b/desktop/plugins/public/databases/DatabasesPlugin.tsx
@@ -664,16 +664,16 @@ export function Component() {
           <Select
             showSearch
             value={selectedDatabaseName}
-            onChange={onDatabaseSelected}
-            style={{width: 200}}>
+            style={{flex: 1}}
+            onChange={onDatabaseSelected}>
             {databaseOptions}
           </Select>
           <BoldSpan>Table</BoldSpan>
           <Select
             showSearch
             value={selectedTableName}
-            onChange={onDatabaseTableSelected}
-            style={{width: 200}}>
+            style={{flex: 1}}
+            onChange={onDatabaseTableSelected}>
             {tableOptions}
           </Select>
           <div />
@@ -689,8 +689,7 @@ export function Component() {
             <Select
               showSearch
               value={selectedDatabaseName}
-              onChange={onDatabaseSelected}
-              style={{width: 200}}>
+              onChange={onDatabaseSelected}>
               {databaseOptions}
             </Select>
           </Toolbar>