Merge pull request #3509 from codecombat/header-avatar

Add small avatar to header

app/styles/style-flat.sass

@@ -82,7 +82,7 @@ $forest: #20572B
   blockquote
     border: none
     
-    &:before 
+    &:before
       font-family: "Monaco"
       content: "\201C"
       position: absolute
@@ -122,7 +122,9 @@ $forest: #20572B
       font-weight: bold
       font-family: $body-font
       font-size: 16px
-      padding: 38px 15px 37px
+      line-height: 31px
+      padding: 32px 15px 0
+      height: 95px
       color: $burgandy
       text-shadow: 0 0 0
 
@@ -148,6 +150,11 @@ $forest: #20572B
       border: $gold 8px solid
       width: 98px
       height: 98px // Includes the border
+    
+    .img-circle-small
+      border: $gold 3px solid
+      width: 33px
+      height: 33px
       
     .user-level
       position: absolute
@@ -241,7 +248,7 @@ $forest: #20572B
   
       .#{$abbrev}-a-#{$size}
         #{$prop}: $length-y $length-x !important // a = All sides
-      .#{$abbrev}-t-#{$size} 
+      .#{$abbrev}-t-#{$size}
         #{$prop}-top:    $length-y !important
       .#{$abbrev}-r-#{$size}
         #{$prop}-right:  $length-x !important

app/templates/base-flat.jade

@@ -46,6 +46,7 @@
                 else
                   li.dropdown
                     a.dropdown-toggle(href="#", data-toggle="dropdown" role="button" aroa-haspopup="true" aria-expanded="false")
+                      img.img-circle.img-circle-small.m-r-1(src=me.getPhotoURL())
                       span.spr My Account
                     ul.dropdown-menu
                       li.user-dropdown-header.text-center