From 6f7f69a8076a3ad0d57a6cbdf3e89ba4acce37eb Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Sun, 8 Sep 2019 16:53:23 +0200
Subject: [PATCH] Client - minor style changes

---
 fittrackee_client/src/components/App.css               | 10 ++++++++--
 .../src/components/NavBar/LanguageDropdown.jsx         |  6 +++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/fittrackee_client/src/components/App.css b/fittrackee_client/src/components/App.css
index e2b177b4..7c921eb1 100644
--- a/fittrackee_client/src/components/App.css
+++ b/fittrackee_client/src/components/App.css
@@ -267,15 +267,21 @@ label {
 }
 
 .dropdown-list {
-  background-color: #fff;
+  background-color: #f8f9fa;
   padding: 5px 0;
   position: absolute;
+  text-align: left;
   z-index: 10;
 }
+
 .dropdown-item {
   cursor: default;
   font-size: 0.9em;
-  font-weight: bold;
+
+}
+
+.dropdown-item-selected {
+    font-weight: bold;
 }
 
 .fa-question-circle {
diff --git a/fittrackee_client/src/components/NavBar/LanguageDropdown.jsx b/fittrackee_client/src/components/NavBar/LanguageDropdown.jsx
index 05496385..df6bae6a 100644
--- a/fittrackee_client/src/components/NavBar/LanguageDropdown.jsx
+++ b/fittrackee_client/src/components/NavBar/LanguageDropdown.jsx
@@ -52,7 +52,11 @@ class Dropdown extends Component {
             )
             .map(language => (
               <li
-                className="dropdown-item"
+                className={`dropdown-item${
+                  language.name === selected && isOpen
+                    ? ' dropdown-item-selected'
+                    : ''
+                }`}
                 key={language.name}
                 onClick={() => this.selectLanguage(language.name)}
               >