nits

2 files changed, 10 insertions, 6 deletions

diff --git a/www/css/style.css b/www/css/style.css
index adf1ca7e..9eea6224 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -207,12 +207,16 @@ Credit: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 }
 
 .header-centered {
-  background: black;
-  color: #cccccc;
-  border-color: #ba3e3e;
-  border-style: none;
-  opacity: 80%;
+ 
+  background:rgba(0,0,0,0.7);
+  color: rgba(255,255,255);
+  
+  z-index:9999;
+  position:absolute;
+  top:50%;
+  left:40%;
   transform: translate(-50%, -50%);
+
 } 
 
 
diff --git a/www/templates/events-modal.html b/www/templates/events-modal.html
index 531d4488..7ab9d828 100644
--- a/www/templates/events-modal.html
+++ b/www/templates/events-modal.html
@@ -66,7 +66,7 @@
           <div ng-if="defaultVideo!==undefined && defaultVideo!='' && !isSnapShot() && !isStreamStopped()">
 
              
-            <div ng-if="isVideoLoading" style="position:absolute; top:50%; left:50%;white-space:nowrap;overflow:hidden;z-index:999999"
+            <div ng-if="isVideoLoading" 
             class="header-centered animated pulse infinite">
             &nbsp;
             {{'kVideoLoading' | translate}}...&nbsp;