From f3d7021b458716927a54487e8204045a20ce37a2 Mon Sep 17 00:00:00 2001
From: Afuna <fu@dreamwidth.org>
Date: Mon, 10 Mar 2014 19:00:20 +0800
Subject: [PATCH] (Bug 5073) Don't use position:absolute for userpic on small
 screens

---
 htdocs/scss/skins/_nav.scss | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/htdocs/scss/skins/_nav.scss b/htdocs/scss/skins/_nav.scss
index 10387f562f..48af03d098 100644
--- a/htdocs/scss/skins/_nav.scss
+++ b/htdocs/scss/skins/_nav.scss
@@ -14,22 +14,18 @@ $nav-small-screen-header-height: 3em;
         white-space: nowrap;
 
     }
-    
+
     @media #{$small-only} {
         /* Adjustments to the static account links display in the masthead */
-        
-        #account-links #account-links-userpic {
-            position: absolute; /* Should be done in a cleaner way -- this positions
-                                   the icon when on a small screen in the header when smaller */
-            right: -40px;
-            top: -11px;
-            
-            img { 
-                width: 50%; 
-                height: 50%; 
+
+        #account-links-userpic {
+            margin-top: -11px;
+            img {
+                max-height: $nav-small-screen-header-height;
+                width: auto;
             }
         }
-                
+
         /* This makes the account links text into a modal when the screen is small */
         #account-links-text {
             @include reveal-modal-base(