From 84b4966a5e725d8363b272da9ff9d09b7192c01e Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Mon, 13 Jan 2020 14:54:04 +0100
Subject: [PATCH] update timezone drop-down background - fix #47

---
 fittrackee_client/src/components/App.css           | 14 ++++++++++++--
 .../src/components/User/ProfileEdit.jsx            |  2 +-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/fittrackee_client/src/components/App.css b/fittrackee_client/src/components/App.css
index 6d674537..de147060 100644
--- a/fittrackee_client/src/components/App.css
+++ b/fittrackee_client/src/components/App.css
@@ -421,8 +421,18 @@ label {
   color: #ffffff;
 }
 
-.timezone-custom-height {
-  height: calc(2.25rem + 14px);
+.timezone-custom {
+  font-size: .9em !important;
+  height: inherit !important;
+}
+
+.timezone-custom input {
+  border: 0 !important;
+  padding: 5px 1px !important;
+}
+
+.timezone-custom ul {
+  background: white;
 }
 
 .timezone-picker {
diff --git a/fittrackee_client/src/components/User/ProfileEdit.jsx b/fittrackee_client/src/components/User/ProfileEdit.jsx
index e5d270bf..e221d556 100644
--- a/fittrackee_client/src/components/User/ProfileEdit.jsx
+++ b/fittrackee_client/src/components/User/ProfileEdit.jsx
@@ -205,7 +205,7 @@ class ProfileEdit extends React.Component {
                             <label>
                               {t('user:Timezone')}:
                               <TimezonePicker
-                                className="form-control timezone-custom-height"
+                                className="form-control timezone-custom"
                                 onChange={tz => {
                                   const e = {
                                     target: {