Better, smaller preloader ticker

Author: peterblazejewicz

src/index.html

@@ -18,19 +18,8 @@
           </nav>
         </div>
       </header>
-      <main id="content" role="main" class="container">
-        <div class="modal modal--preload">
-          <div class="modal-dialog modal-sm">
-            <div class="modal-content">
-              <div class="modal-header">
-                <h4 class="modal-title">Loading</h4>
-              </div>
-              <div class="modal-body">
-                <progress class="progress progress-striped progress-animated" value="100" max="100"></progress>
-              </div>
-            </div>
-          </div>
-        </div>
+      <main id="content" role="main" class="container pos-f-t" style="display: flex; align-items: center; justify-content: center; bottom: 0;">
+        <h1 class="h4 text-muted" style="flex: none;">Loading...</h1>
       </main>
     </app-root>
     <footer class="footer bg-inverse">

src/styles.css

@@ -18,16 +18,3 @@ body {
   padding-left: 0;
   padding-right: 0;
 }
-
-.modal--preload {
-  position: relative;
-  top: auto;
-  right: auto;
-  bottom: auto;
-  left: auto;
-  z-index: 1;
-  display: block;
-}
-.modal--preload .progressbar {
-  margin-bottom: 0;
-}