From d01b5c927d9ae874cc8a7d68fbd1f8649dbba291 Mon Sep 17 00:00:00 2001
From: sdtsui <szehungdanieltsui@gmail.com>
Date: Thu, 13 Jul 2017 22:39:44 -0700
Subject: [PATCH] Brighten dropdown menu item\'s text

---
 ui/responsive/app/components/dropdown.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/ui/responsive/app/components/dropdown.js b/ui/responsive/app/components/dropdown.js
index d7f0e158a..6e09cd133 100644
--- a/ui/responsive/app/components/dropdown.js
+++ b/ui/responsive/app/components/dropdown.js
@@ -21,7 +21,16 @@ class Dropdown extends Component {
           boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px',
         },
       },
-      children,
+      [
+        h(
+          'style',
+          `
+          li.dropdown-menu-item:hover { color:rgb(225, 225, 225); }
+          li.dropdown-menu-item { color: rgb(185, 185, 185); }
+          `
+        ),
+        ...children,
+      ],
     );
   }
 }
@@ -38,7 +47,7 @@ class DropdownMenuItem extends Component {
     const { onClick, closeMenu, children } = this.props;
 
     return h(
-      'li',
+      'li.dropdown-menu-item',
       {
         onClick,
         closeMenu,
@@ -48,7 +57,6 @@ class DropdownMenuItem extends Component {
           fontSize: '12px',
           fontStyle: 'normal',
           fontFamily: 'Montserrat Regular',
-          color: 'rgb(185, 185, 185)',
           cursor: 'pointer',
           display: 'flex',
           justifyContent: 'flex-start',