From b5155fc52a9b6fc01f76d4221aa63977deb4653b Mon Sep 17 00:00:00 2001
From: Tobias Miesel <agileapplications@gmail.com>
Date: Wed, 17 Oct 2018 15:20:20 +0200
Subject: [PATCH] updated styling

---
 styles.css | 32 +++++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/styles.css b/styles.css
index bfac234..f37f1d6 100644
--- a/styles.css
+++ b/styles.css
@@ -1,7 +1,9 @@
-#moco {
+#moco-bx-bubble {
   position: fixed;
-  bottom: 100px;
-  right: 20px;
+  bottom: 40px;
+  left: 50%;
+  margin-left: -30px;
+  z-index: 1000;
 
   height: 60px;
   width: 60px;
@@ -9,5 +11,29 @@
   border-radius: 50%;
   box-shadow: -1px -1px 15px 4px rgba(0,0,0,0.05), 2px 2px 15px 4px rgba(0,0,0,0.05);
 
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+
   cursor: pointer;
 }
+
+#moco-bx-container .moco-bx-modal {
+  position: fixed; /* Stay in place */
+  z-index: 2000; /* Sit on top */
+  padding-top: 100px; /* Location of the box */
+  left: 0;
+  top: 0;
+  width: 100%; /* Full width */
+  height: 100%; /* Full height */
+  overflow: auto; /* Enable scroll if needed */
+  background-color: rgb(0,0,0); /* Fallback color */
+  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
+}
+
+#moco-bx-container .moco-bx-modal-content {
+  background-color: white;
+  width: 600px;
+  padding: 40px;
+  margin: 0 auto;
+}