[damned-lies] Make navbar's avatar bigger and prettier

[Tom Tryfonidis <tomtryf src gnome org>]

commit 3ea55e895b3a99f657ac6fe0b40a25c0141d932a
Author: Tom Tryfonidis <tomtryf gnome org>
Date:   Fri Feb 24 17:44:34 2017 +0200

    Make navbar's avatar bigger and prettier

 common/static/css/responsive.css |    9 +++++++++
 common/static/css/template.css   |   16 +++++++++++++---
 2 files changed, 22 insertions(+), 3 deletions(-)
---
diff --git a/common/static/css/responsive.css b/common/static/css/responsive.css
index 57599bf..1a53517 100644
--- a/common/static/css/responsive.css
+++ b/common/static/css/responsive.css
@@ -54,4 +54,13 @@
     .navbar-default .btn-link {
         color: #fff;
     }
+    .navbar-default .navbar-header .icons {
+        margin: 0px 20px !important;
+    }
+}
+
+@media screen and (min-width: 768px) {
+    .gnome-header .avatar img {
+        margin-right: 15px;
+    }
 }
diff --git a/common/static/css/template.css b/common/static/css/template.css
index 56cd1ee..05e0207 100644
--- a/common/static/css/template.css
+++ b/common/static/css/template.css
@@ -1,7 +1,6 @@
 @import url("reset.css");
 @import url("text.css");
 
-
 /* Base information */
 /* ========================================================================== */
 
@@ -30,9 +29,20 @@ a:hover {
 .gnome-header {
     margin-bottom: 90px;
 }
+.gnome-header .avatar {
+    margin: 10px 0 0;
+    padding: 0;
+    border-radius: 50%;
+}
 .gnome-header .avatar img {
-    width: 14px;
-    height: 14px;
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+}
+.navbar-default .navbar-nav > #userDropdownMenu > a,
+.navbar-default .navbar-nav > #userDropdownMenu > a:hover,
+.navbar-default .navbar-nav > #userDropdownMenu > a:focus {
+    background: transparent;
 }
 .gnome-navbar-brand {
     height: 50px;