From 8b659dbd77294f3d44f4c1fe75a62d6fec3fea15 Mon Sep 17 00:00:00 2001
From: Brandon Millman <brandon.millman@gmail.com>
Date: Tue, 4 Dec 2018 15:20:55 -0800
Subject: feat(instant): give a stable class name to the close button on the
 overlay

---
 .../src/components/zero_ex_instant_overlay.tsx       | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

(limited to 'packages/instant/src/components/zero_ex_instant_overlay.tsx')

diff --git a/packages/instant/src/components/zero_ex_instant_overlay.tsx b/packages/instant/src/components/zero_ex_instant_overlay.tsx
index b3fb57dd6..f823d050d 100644
--- a/packages/instant/src/components/zero_ex_instant_overlay.tsx
+++ b/packages/instant/src/components/zero_ex_instant_overlay.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import { ZeroExInstantContainer } from '../components/zero_ex_instant_container';
-import { MAIN_CONTAINER_DIV_CLASS, OVERLAY_DIV_CLASS } from '../constants';
+import { MAIN_CONTAINER_DIV_CLASS, OVERLAY_CLOSE_BUTTON_DIV_CLASS, OVERLAY_DIV_CLASS } from '../constants';
 import { ColorOption } from '../style/theme';
 
 import { Container } from './ui/container';
@@ -22,14 +22,16 @@ export const ZeroExInstantOverlay: React.StatelessComponent<ZeroExInstantOverlay
             <Overlay zIndex={zIndex} className={OVERLAY_DIV_CLASS}>
                 <Flex height="100vh">
                     <Container position="absolute" top="0px" right="0px" display={{ default: 'initial', sm: 'none' }}>
-                        <Icon
-                            height={18}
-                            width={18}
-                            color={ColorOption.white}
-                            icon="closeX"
-                            onClick={onClose}
-                            padding="2em 2em"
-                        />
+                        <Container className={OVERLAY_CLOSE_BUTTON_DIV_CLASS}>
+                            <Icon
+                                height={18}
+                                width={18}
+                                color={ColorOption.white}
+                                icon="closeX"
+                                onClick={onClose}
+                                padding="2em 2em"
+                            />
+                        </Container>
                     </Container>
                     <Container
                         width={{ default: 'auto', sm: '100%' }}
-- 
cgit v1.2.3


From feb715a08bba50f07600ef747246cb8417f98cfe Mon Sep 17 00:00:00 2001
From: Brandon Millman <brandon.millman@gmail.com>
Date: Tue, 4 Dec 2018 15:44:48 -0800
Subject: fix(instant): remove extra container around the button

---
 .../src/components/zero_ex_instant_overlay.tsx     | 26 +++++++++++++---------
 1 file changed, 15 insertions(+), 11 deletions(-)

(limited to 'packages/instant/src/components/zero_ex_instant_overlay.tsx')

diff --git a/packages/instant/src/components/zero_ex_instant_overlay.tsx b/packages/instant/src/components/zero_ex_instant_overlay.tsx
index f823d050d..96e560691 100644
--- a/packages/instant/src/components/zero_ex_instant_overlay.tsx
+++ b/packages/instant/src/components/zero_ex_instant_overlay.tsx
@@ -21,17 +21,21 @@ export const ZeroExInstantOverlay: React.StatelessComponent<ZeroExInstantOverlay
         <ZeroExInstantProvider {...rest}>
             <Overlay zIndex={zIndex} className={OVERLAY_DIV_CLASS}>
                 <Flex height="100vh">
-                    <Container position="absolute" top="0px" right="0px" display={{ default: 'initial', sm: 'none' }}>
-                        <Container className={OVERLAY_CLOSE_BUTTON_DIV_CLASS}>
-                            <Icon
-                                height={18}
-                                width={18}
-                                color={ColorOption.white}
-                                icon="closeX"
-                                onClick={onClose}
-                                padding="2em 2em"
-                            />
-                        </Container>
+                    <Container
+                        className={OVERLAY_CLOSE_BUTTON_DIV_CLASS}
+                        position="absolute"
+                        top="0px"
+                        right="0px"
+                        display={{ default: 'initial', sm: 'none' }}
+                    >
+                        <Icon
+                            height={18}
+                            width={18}
+                            color={ColorOption.white}
+                            icon="closeX"
+                            onClick={onClose}
+                            padding="2em 2em"
+                        />
                     </Container>
                     <Container
                         width={{ default: 'auto', sm: '100%' }}
-- 
cgit v1.2.3

