From 012923186b2a6a8015bc24f46ba21d4fed34b8ae Mon Sep 17 00:00:00 2001
From: Sam <sam.saffron@gmail.com>
Date: Tue, 17 Jun 2014 17:55:00 +1000
Subject: [PATCH] BUGFIX: CSS animation based spinner was buggy

There seems to be no sane way to get the CSS spinner to work without
hosing the stacking context. Use gif based spinner.
---
 app/assets/stylesheets/common/base/header.scss | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/common/base/header.scss b/app/assets/stylesheets/common/base/header.scss
index c9a56fef9ef..dbbdc18995b 100644
--- a/app/assets/stylesheets/common/base/header.scss
+++ b/app/assets/stylesheets/common/base/header.scss
@@ -240,13 +240,15 @@
     display: block;
     position: absolute;
     top: 17px;
-    // keep the height here, otherwise
-    // crazy positioning will happen due
-    // to the spinner animation
-    height: 100%;
     right: 15px;
-    color: scale-color($primary, $lightness: 50%);
-    font-size: 18px;
+    width: 22px;
+    height: 22px;
+    background: {
+      image: image-url("spinner_96.gif");
+      repeat: no-repeat;
+      position: 0px 50%;
+      size: 18px;
+    };
   }
   .no-results {
     padding: 5px;