From 3b2ff7103a7cb97a5748afaa5c147ade24bb2c95 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Tue, 20 Jan 2015 14:16:37 +0100
Subject: [PATCH] improve task loading icon performance

---
 app/assets/stylesheets/zammad.css.scss | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index 0c0bf7bd7..930c4a8b6 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -1799,7 +1799,7 @@ ol.tabs li {
     height: 30px;
     background: hsl(339,80%,62%);
     -webkit-animation: rotateplane 1.2s infinite ease-in-out;
-    animation: rotateplane 1.2s infinite ease-in-out;
+            animation: rotateplane 1.2s infinite ease-in-out;
   }
 
   .small.loading.icon {
@@ -1815,15 +1815,15 @@ ol.tabs li {
 
   @keyframes rotateplane {
     0% { 
-      transform: perspective(120px) rotateX(0deg) rotateY(0deg);
+              transform: perspective(120px) rotateX(0deg) rotateY(0deg);
       -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
       background: hsl(202,68%,54%); 
     } 50% { 
-      transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
+              transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
       -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
       background: hsl(145,51%,45%);
     } 100% { 
-      transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
+              transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
       -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
       background: hsl(202,68%,54%);
     }
@@ -2087,6 +2087,7 @@ footer {
 
     .tasks-navigation .icon-holder {
       width: 30px;
+      position: relative;
     }
 
     .tasks-navigation .icon-holder .icon {
@@ -2097,7 +2098,11 @@ footer {
         width: 10px;
         height: 10px;
         border-radius: 100%;
-        position: relative;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        margin: -6px 0 0 -5px;
+        
         &:after {
           @extend .priority.icon:after;
         }