* Put spinner in center of screen

* Larger navigation buttons for improved mobile user experience
midstar · Feb 24, 2019 · f9de60d · f9de60d
1 parent b06a9b6
commit f9de60d
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/templates/index.html b/templates/index.html
@@ -137,7 +137,7 @@
     .mediaButton {
         position: absolute;
         color: #f1f1f1;
-        font-size: 40px;
+        font-size: 80px;
         font-weight: bold;
         transition: 0.3s;
     }
@@ -167,16 +167,16 @@
     /* Loader / spinner */
     .loader {
         position: fixed;
-        top: 15px;
-        left: 35px;
-        /*margin-top: -60px;
-        margin-left: -60px;*/
-        border: 4px solid #bcbcbc;
+        top: 50%;
+        left: 50%;
+        margin-top: -25px;  /* half of height */
+        margin-left: -25px; /* half of height */
+        border: 10px solid #bcbcbc;
         border-radius: 50%;
-        border-top: 4px solid #707070;
-        border-bottom: 4px solid #707070;
-        width: 15px;
-        height: 15px;
+        border-top: 10px solid #707070;
+        border-bottom: 10px solid #707070;
+        width: 50px;
+        height: 50px;
         -webkit-animation: spin 1s linear infinite;
         animation: spin 1s linear infinite;
     }