Tweak modal appearance

ChristChurchMayfair · Sep 10, 2018 · 85a1035 · 85a1035
1 parent d97fa96
commit 85a1035
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/components/Modal/index.js b/src/components/Modal/index.js
@@ -26,12 +26,14 @@ const Header = styled.div`
 `;
 
 const Close = styled.div`
-    width: 1.5em;
-    height: 1.5em;
+    width: 1em;
+    height: 1em;
+    display: flex;
+    flex-flow: ;
 `;
 
 const ClosePadding = styled.div`
-    padding: 1em;
+    padding: 0.5em;
 `;
 
 const Children = styled.div`
@@ -82,11 +84,11 @@ class Modal extends Component<Props> {
                         bottom: undefined,
                         border: null,
                         padding: null,
-                        margin: "10% 0",
+                        margin: "3% 0",
                         borderRadius: 0,
                         boxShadow: "0px 0px 1.1em 2px rgba(0, 0, 0, 0.2)",
                         maxWidth: "100%",
-                        minWidth: "60%",
+                        minWidth: "50%",
                         overflow: undefined,
                     },
                 }}

diff --git a/src/images/close.js b/src/images/close.js
@@ -5,8 +5,8 @@ import React from "react";
 const Close = () => (
     <svg
         xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
+        width="100%"
+        height="100%"
         viewBox="0 0 24 24"
     >
         <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />