From f3e406dd5db09df54318c57a6f5549c92cb37562 Mon Sep 17 00:00:00 2001
From: mmcwilliams <hi@mmcwilliams.com>
Date: Wed, 31 Jan 2018 21:43:56 -0500
Subject: [PATCH] Update overlay style (make darker) and add styling for a
 message to go under the spinner

---
 app/css/app.css   | 15 ++++++++++++++-
 app/less/app.less | 16 +++++++++++++++-
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/app/css/app.css b/app/css/app.css
index 1773b3a..9ed3a16 100644
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -751,9 +751,22 @@ button:focus {
   bottom: 0;
   width: 100%;
   height: 100%;
-  background: rgba(0, 0, 0, 0.4);
+  background: rgba(0, 0, 0, 0.6);
   display: none;
 }
+#spinnerMsg {
+  position: absolute;
+  width: 80%;
+  z-index: 2000000000;
+  left: 50%;
+  top: 50%;
+  text-align: center;
+  margin-left: -40%;
+  margin-top: 50px;
+  font-size: 17px;
+  color: #fff;
+  text-shadow: 1px 1px 2px #000;
+}
 .cp-app {
   position: relative !important;
   border-radius: 0px !important;
diff --git a/app/less/app.less b/app/less/app.less
index e230c10..744a712 100644
--- a/app/less/app.less
+++ b/app/less/app.less
@@ -113,11 +113,25 @@
 	bottom: 0;
 	width: 100%;
 	height: 100%;
-	background: rgba(0, 0, 0, 0.4);
+	background: rgba(0, 0, 0, 0.6);
 	display: none;
 	//z-index: 1200;
 }
 
+#spinnerMsg{
+	position: absolute;
+    width: 80%;
+    z-index: 2000000000;
+    left: 50%;
+    top: 50%;
+    text-align: center;
+    margin-left: -40%;
+    margin-top: 50px;
+    font-size: 17px;
+    color: #fff;
+    text-shadow: 1px 1px 2px #000;
+}
+
 .cp-app{
 	position: relative !important;
 	border-radius: 0px !important;