Center loading indicator

zundler/assets/init.css

@@ -9,6 +9,19 @@
     overflow:hidden;
     z-index:-1;
 }
+
+#loading-indicator {
+  content: " ";
+  z-index: 10;
+  display: block;
+  position: absolute;
+  height: 100%;
+  top: 0;
+  left: 0;
+  right: 0;
+  background: rgba(255, 255, 255, 0.0);
+}
+
 .lds-ripple {
   display: block;
   position: relative;
@@ -16,7 +29,11 @@
   height: 80px;
   margin: auto;
   z-index:1;
+  -webkit-transform: translateY(50%);
+  -ms-transform: translateY(50%);
+  transform: translateY(50%);
 }
+
 .lds-ripple div {
   position: absolute;
   border: 4px solid #aaa;
@@ -24,9 +41,11 @@
   border-radius: 50%;
   animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
 }
+
 .lds-ripple div:nth-child(2) {
   animation-delay: -0.5s;
 }
+
 @keyframes lds-ripple {
   0% {
     top: 36px;