Bug 15287: (follow-up) QA fix for position of user icon

This patch corrects the CSS for the user icon which appears when the
browser width is very narrow.

To test, apply the patch, rebuild CSS, and clear your browser cache if
necessary. View the OPAC with and without a user logged in and confirm
that the user icon at the top of the page looks correct at narrow
browser widths.

Signed-off-by: Nick Clemens <nick@bywatersolutions.com>

diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
index 72e9e93..30e1ca4 100644 (file)
--- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
+++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
@@ -2529,14 +2529,8 @@ button.closebtn {
 #user-menu-trigger {
     display: none;
 
-    .icon-user {
-        background: transparent url( "../lib/bootstrap/img/glyphicons-halflings-white.png" ) no-repeat;
-        background-position: -168px 0;
-        background-repeat: no-repeat;
-        height: 14px;
-        line-height: 14px;
-        margin: 12px 0 0;
-        vertical-align: text-top;
+    i {
+        padding: 14px 0 0;
         width: 14px;
     }