From 85a1035b1d84063fdffa70d95c4201ffe143c73a Mon Sep 17 00:00:00 2001
From: Ben Robinson <ben@joinfoodchain.com>
Date: Mon, 10 Sep 2018 20:56:56 +0100
Subject: [PATCH] Tweak modal appearance

---
 src/components/Modal/index.js | 12 +++++++-----
 src/images/close.js           |  4 ++--
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/Modal/index.js b/src/components/Modal/index.js
index 3fbd0b7..0322a87 100644
--- 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
index 547e96e..099065c 100644
--- 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" />