fix z-index on saving indicator

2 files changed, 8 insertions, 3 deletions

diff --git a/public/assets/javascripts/rectangles/util/minotaur.js b/public/assets/javascripts/rectangles/util/minotaur.js
index e6a37e0..0fcc766 100644
--- a/public/assets/javascripts/rectangles/util/minotaur.js
+++ b/public/assets/javascripts/rectangles/util/minotaur.js
@@ -53,7 +53,9 @@
     }
     
     base.hide = function () {
-      base.$el.removeClass()
+      setTimeout(function(){
+        base.$el.removeClass()
+      }, 500)
     }
     
     base.init();
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 17a7dc0..8712a41 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -652,7 +652,7 @@ iframe.embed {
 
 #minotaur {
   position: absolute;
-  top: 26px;
+  top: 25px;
   right: 260px;
   opacity: 0;
 }
@@ -662,8 +662,11 @@ iframe.embed {
   font-weight: 300;
 }
 #minotaur.saving {
-  background: #8fd;
+  background: white;
   opacity: 1;
+  z-index: 20;
+  font-size: 13px;
+  border: 1px solid;
 }
 #minotaur.saving .label:after {
   content: 'SAVING';