From 06bf0826806f2b8a7cab441ff46d7cc2869149a2 Mon Sep 17 00:00:00 2001
From: Nishad <nishadsingh@gmail.com>
Date: Tue, 1 Sep 2020 11:13:58 +0800
Subject: [PATCH] Make the market dropdown stand out more obviously as a
 dropdown

---
 src/pages/TradePage.jsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/pages/TradePage.jsx b/src/pages/TradePage.jsx
index f797c81..1fd5a60 100644
--- a/src/pages/TradePage.jsx
+++ b/src/pages/TradePage.jsx
@@ -106,12 +106,22 @@ export default function TradePage() {
         <Row>
           <Col>
             <Select
-              bordered={false}
+              size={'large'}
+              bordered={true}
               onSelect={setMarketName}
               value={marketName}
+              listHeight={400}
             >
-              {markets.map(({ name, address }) => (
-                <Option value={name} key={address}>
+              {markets.map(({ name, address }, i) => (
+                <Option
+                  value={name}
+                  key={address}
+                  style={{
+                    padding: '10px 0',
+                    textAlign: 'center',
+                    backgroundColor: i % 2 === 0 ? 'rgb(39, 44, 61)' : null,
+                  }}
+                >
                   {name}
                 </Option>
               ))}