[DebugBar] make rotate class less broad

Author: sanchawebo

admin/css/debug-toolbar/toolbar.scss

@@ -202,6 +202,15 @@
         // Give room for OS X scrollbar
         white-space: nowrap;
         z-index: 10000;
+        // Endless rotate
+        .rotate {
+            animation: toolbar-rotate 9s linear infinite;
+        }
+        @keyframes toolbar-rotate {
+            to {
+                transform: rotate(360deg);
+            }
+        }
     }
 
     // Fixed top
@@ -501,13 +510,3 @@
 .debug-bar-noverflow {
     overflow: hidden;
 }
-
-/* ENDLESS ROTATE */
-.rotate {
-    animation: rotate 9s linear infinite;
-}
-@keyframes rotate {
-    to {
-        transform: rotate(360deg);
-    }
-}

system/Debug/Toolbar/Views/toolbar.css

@@ -140,6 +140,14 @@
   white-space: nowrap;
   z-index: 10000;
 }
+#debug-bar .toolbar .rotate {
+  animation: toolbar-rotate 9s linear infinite;
+}
+@keyframes toolbar-rotate {
+  to {
+    transform: rotate(360deg);
+  }
+}
 #debug-bar.fixed-top {
   bottom: auto;
   top: 0;
@@ -796,14 +804,3 @@
 .debug-bar-noverflow {
   overflow: hidden;
 }
-
-/* ENDLESS ROTATE */
-.rotate {
-  animation: rotate 9s linear infinite;
-}
-
-@keyframes rotate {
-  to {
-    transform: rotate(360deg);
-  }
-}