From 0a120b116b63611e01324f68c22398a665291137 Mon Sep 17 00:00:00 2001
From: Andrew Dolgov <noreply@fakecake.org>
Date: Fri, 9 Apr 2021 11:36:54 +0300
Subject: add an overlay icon, use flexbox for overlay

---
 css/app.less | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

(limited to 'css')

diff --git a/css/app.less b/css/app.less
index 624fc4b..7c3a154 100644
--- a/css/app.less
+++ b/css/app.less
@@ -76,6 +76,18 @@ body.epube-index {
 body.epube-reader {
 
    .loading {
+      .wrapper {
+         .loading-icon {
+            font-size : 64px;
+            display : block;
+            margin-bottom : 16px;
+            opacity : 0.25;
+         }
+      }
+
+      display : flex;
+      justify-content : center;
+      align-items : center;
       position : absolute;
       color : #999;
       top : 0px;
@@ -87,12 +99,6 @@ body.epube-reader {
       background : white;
       padding : 16px;
       font-size : 18px;
-      display : table;
-   }
-
-   .loading > div {
-      display : table-cell;
-      vertical-align : middle;
    }
 
    .notice {
-- 
cgit v1.2.3