From aafb5d44ae722a71cbd1bed06768a8b8f0c576e3 Mon Sep 17 00:00:00 2001
From: Brendan Dahl <brendan.dahl@gmail.com>
Date: Fri, 28 Jun 2013 09:59:47 -0700
Subject: [PATCH] Make the progress bar small and on the top.

---
 extensions/b2g/viewer.css | 36 +++++++++++++-----------------------
 1 file changed, 13 insertions(+), 23 deletions(-)

diff --git a/extensions/b2g/viewer.css b/extensions/b2g/viewer.css
index aaabf25b9..c4486d399 100644
--- a/extensions/b2g/viewer.css
+++ b/extensions/b2g/viewer.css
@@ -187,15 +187,11 @@ canvas {
 }
 
 #loadingBar {
-  position: absolute;
-  top: 0;
-  margin-top: -2.5rem;
-  left: 0;
-  right: 0;
-  text-align: center;
-  color: #ddd;
-  font-size: 1.4rem;
-  height: 100%;
+  position: relative;
+  height: .6rem;
+  background-color: #333;
+  border-bottom: 1px solid #333;
+  margin-top: 5rem;
 }
 
 #loadingBar .progress {
@@ -233,6 +229,14 @@ canvas {
   100% { left: 100%; }
 }
 
+#loadingBar .progress.indeterminate {
+  background-color: #999;
+  -moz-transition: none;
+  -ms-transition: none;
+  -webkit-transition: none;
+  transition: none;
+}
+
 #loadingBar .indeterminate .glimmer {
   position: absolute;
   top: 0;
@@ -249,20 +253,6 @@ canvas {
   animation: progressIndeterminate 2s linear infinite;
 }
 
-
- #loadingBar .progress.indeterminate {
-   background-color: #999;
-   -moz-transition: none;
-   -ms-transition: none;
-   -webkit-transition: none;
-   transition: none;
- }
-
-@-moz-keyframes progressIndeterminate {
-  from { background-position: 0 0; }
-  to { background-position: 7.5rem 0; }
-}
-
 #errorWrapper {
   background: none repeat scroll 0 0 #FF5555;
   color: white;