From f808baafa728482df1be2d01682f397265aeb435 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel.odegaard@gmail.com>
Date: Sat, 20 Feb 2016 17:43:26 +0100
Subject: [PATCH] ux(): fixes to side menu and gravatar url

---
 .../core/components/sidemenu/sidemenu.html    |  6 +++--
 public/sass/components/_sidemenu.scss         | 25 ++++++++++---------
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/public/app/core/components/sidemenu/sidemenu.html b/public/app/core/components/sidemenu/sidemenu.html
index 66ee0b6d8b9..61785b3cfe3 100644
--- a/public/app/core/components/sidemenu/sidemenu.html
+++ b/public/app/core/components/sidemenu/sidemenu.html
@@ -3,8 +3,10 @@
 	<li class="sidemenu-org-section" ng-if="ctrl.isSignedIn" class="dropdown">
 		<div class="sidemenu-org">
 			<div class="sidemenu-org-avatar">
-				<img ng-if="ctrl.user.gravatarURL" ng-src="{{ctrl.user.gravatarUrl}}">
-				<span class="no-avatar h2" ng-if!="ctrl.user.gravatarURL">?</span>
+				<img ng-if="ctrl.user.gravatarUrl" ng-src="{{ctrl.user.gravatarUrl}}">
+				<span class="sidemenu-org-avatar--missing" ng-if="!ctrl.user.gravatarUrl">
+					<i class="fa fa-fw fa-user"></i>
+				</span>
 			</div>
 			<div class="sidemenu-org-details">
 				<span class="sidemenu-org-user sidemenu-item-text">{{ctrl.user.name}}</span>
diff --git a/public/sass/components/_sidemenu.scss b/public/sass/components/_sidemenu.scss
index 109c13f7e2b..fb380d8ec50 100644
--- a/public/sass/components/_sidemenu.scss
+++ b/public/sass/components/_sidemenu.scss
@@ -203,23 +203,24 @@
 }
 
 .sidemenu-org-avatar {
-  width: 44px;
+  width: 40px;
+  height: 40px;
   background-color: $gray-2;
   border-radius: 50%;
-  .no-avatar {
-    color: $text-color;
-    text-shadow: 0 1px 0 $dark-1;
-    padding-left: 17px;
-    position: relative;
-    top:  5px;
+  text-align: center;
+
+  >img {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
   }
 }
 
-.sidemenu-org-avatar > img {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  position: absolute;
+.sidemenu-org-avatar--missing {
+  color: $text-color;
+  text-shadow: 0 1px 0 $dark-1;
+  line-height: 40px;
+  font-size: $font-size-lg;
 }
 
 .sidemenu-org-details {