From 67213e75830bf36bd9f4d83ca75eec992786a2c9 Mon Sep 17 00:00:00 2001
From: sdtsui <szehungdanieltsui@gmail.com>
Date: Tue, 8 Aug 2017 18:48:32 -0700
Subject: [PATCH] Add backdrop styles and box shadow to new global modal
 defaults

---
 ui/app/components/modal.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/ui/app/components/modal.js b/ui/app/components/modal.js
index 8bac866a8..89de1cedb 100644
--- a/ui/app/components/modal.js
+++ b/ui/app/components/modal.js
@@ -29,11 +29,17 @@ module.exports = connect(mapStateToProps, mapDispatchToProps)(Modal)
 
 const mobileModalStyles = {
   width: '95%',
+  boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px',
 }
 
 const laptopModalStyles = {
   width: '66%',
   top: '30%',
+  boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px',
+}
+
+const backdropStyles = {
+  backgroundColor: 'rgba(245, 245, 245, 0.85)',
 }
 
 Modal.prototype.render = function () {
@@ -47,6 +53,7 @@ Modal.prototype.render = function () {
         this.modalRef = ref
       },
       modalStyle: isMobileView() ? mobileModalStyles : laptopModalStyles,
+      backdropStyle: backdropStyles,
     },
     this.props.children,
   )