From 0cef6110046808bfd9f522da267527e5a94911ca Mon Sep 17 00:00:00 2001
From: Pierre <pierre@hubert.fr>
Date: Thu, 25 May 2017 14:06:37 +0200
Subject: [PATCH] Improved settings menu appearance

---
 assets/css/components/menuBar.css             | 14 +++++++++++++-
 assets/js/components/menuBar/authenticated.js | 11 ++++++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/assets/css/components/menuBar.css b/assets/css/components/menuBar.css
index a1154ba7..7a8549f9 100644
--- a/assets/css/components/menuBar.css
+++ b/assets/css/components/menuBar.css
@@ -4,9 +4,21 @@
  * @author Pierre HUBERT
  */
 
+/**
+ * Authenticated useres
+ */
+header .dropdown .fa-gear {
+    vertical-align: middle;
+}
+
+
+/**
+ * Not authenticated users
+ */
+
 /**
  * Login form
  */
 .menubar-loginForm .form-control {
     margin-right: 1px;
-}
\ No newline at end of file
+}
diff --git a/assets/js/components/menuBar/authenticated.js b/assets/js/components/menuBar/authenticated.js
index d7a9f315..8b765648 100644
--- a/assets/js/components/menuBar/authenticated.js
+++ b/assets/js/components/menuBar/authenticated.js
@@ -40,7 +40,16 @@ ComunicWeb.components.menuBar.authenticated = {
 		var dropdownButton = createElem("a", dropdown);
 		dropdownButton.className = "dropdown-toggle";
 		dropdownButton.setAttribute("data-toggle", "dropdown");
-		dropdownButton.innerHTML = "Menu";
+		
+		//Add dropdown button icon
+		var dropdownButtonIcon = createElem("i", dropdownButton);
+		dropdownButtonIcon.className = "fa fa-gear";
+
+		dropdownButton.innerHTML += " ";
+
+		//Add dropdown button arrow
+		var dropdownButtonArrow = createElem("span", dropdownButton);
+		dropdownButtonArrow.className = "caret";
 
 		//Create dropdown menu content
 		var dropdownContent = createElem("ul", dropdown);