From 94eca8172f0c5b7eeba085d9f97409e96d193f72 Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde.park@gmail.com>
Date: Wed, 24 Feb 2021 16:21:56 -0500
Subject: [PATCH 1/3] launch: fix modal backgrounds

---
 pkg/interface/src/views/apps/launch/app.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pkg/interface/src/views/apps/launch/app.js b/pkg/interface/src/views/apps/launch/app.js
index b0e2a544a2..d03d1f4ae5 100644
--- a/pkg/interface/src/views/apps/launch/app.js
+++ b/pkg/interface/src/views/apps/launch/app.js
@@ -180,7 +180,7 @@ export default function LaunchApp(props) {
           />
           <ModalButton
             icon="Plus"
-            bg="washedGray"
+            bg="#f2f2f2"
             color="#000"
             text="New Group"
             style={{ gridColumnStart: 1 }}
@@ -189,7 +189,7 @@ export default function LaunchApp(props) {
           </ModalButton>
           <ModalButton
             icon="Boot"
-            bg="washedGray"
+            bg="#f2f2f2"
             color="#000"
             text="Join Group"
           >

From 68271b79474053602435407a7ab8b35740f1ad12 Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde.park@gmail.com>
Date: Wed, 24 Feb 2021 16:27:03 -0500
Subject: [PATCH 2/3] launch: force black base hash

---
 pkg/interface/src/views/apps/launch/app.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pkg/interface/src/views/apps/launch/app.js b/pkg/interface/src/views/apps/launch/app.js
index d03d1f4ae5..4059688de9 100644
--- a/pkg/interface/src/views/apps/launch/app.js
+++ b/pkg/interface/src/views/apps/launch/app.js
@@ -63,7 +63,7 @@ export default function LaunchApp(props) {
         }, 2000);
       }}
     >
-      <Text mono bold>{hashText || props.baseHash}</Text>
+      <Text mono bold color="#000000">{hashText || props.baseHash}</Text>
     </Box>
   );
 

From d0d50f1aeebdd69a9d9ca1e38290464b6f4cc0ba Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde.park@gmail.com>
Date: Wed, 24 Feb 2021 17:12:13 -0500
Subject: [PATCH 3/3] launch: overlap responsive colors on white box

---
 pkg/interface/src/views/apps/launch/app.js       | 16 +++++++++-------
 .../views/apps/launch/components/ModalButton.tsx | 11 ++++++-----
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/pkg/interface/src/views/apps/launch/app.js b/pkg/interface/src/views/apps/launch/app.js
index 4059688de9..af9e52aa8d 100644
--- a/pkg/interface/src/views/apps/launch/app.js
+++ b/pkg/interface/src/views/apps/launch/app.js
@@ -48,12 +48,12 @@ export default function LaunchApp(props) {
       position={["relative", "absolute"]}
       left="0"
       bottom="0"
-      bg="#f2f2f2"
+      backgroundColor="white"
       ml={3}
       mb={3}
       borderRadius={2}
+      overflow='hidden'
       fontSize={0}
-      p={2}
       cursor="pointer"
       onClick={() => {
         writeText(props.baseHash);
@@ -63,7 +63,9 @@ export default function LaunchApp(props) {
         }, 2000);
       }}
     >
-      <Text mono bold color="#000000">{hashText || props.baseHash}</Text>
+      <Box backgroundColor="washedGray" p={2}>
+        <Text mono bold>{hashText || props.baseHash}</Text>
+      </Box>
     </Box>
   );
 
@@ -180,8 +182,8 @@ export default function LaunchApp(props) {
           />
           <ModalButton
             icon="Plus"
-            bg="#f2f2f2"
-            color="#000"
+            bg="washedGray"
+            color="black"
             text="New Group"
             style={{ gridColumnStart: 1 }}
           >
@@ -189,8 +191,8 @@ export default function LaunchApp(props) {
           </ModalButton>
           <ModalButton
             icon="Boot"
-            bg="#f2f2f2"
-            color="#000"
+            bg="washedGray"
+            color="black"
             text="Join Group"
           >
             <JoinGroup {...props} />
diff --git a/pkg/interface/src/views/apps/launch/components/ModalButton.tsx b/pkg/interface/src/views/apps/launch/components/ModalButton.tsx
index ee37a98c6f..190b746a06 100644
--- a/pkg/interface/src/views/apps/launch/components/ModalButton.tsx
+++ b/pkg/interface/src/views/apps/launch/components/ModalButton.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Button, Icon, Text } from '@tlon/indigo-react';
+import { Row, Button, Icon, Text } from '@tlon/indigo-react';
 import { useModal } from '~/logic/lib/useModal';
 
 const ModalButton = (props) => {
@@ -13,17 +13,18 @@ const ModalButton = (props) => {
         onClick={showModal}
         display='flex'
         cursor='pointer'
-        justifyContent="start"
-        bg={bg}
-        p={2}
+        bg="white"
+        overflow='hidden'
         border={0}
+        p={0}
         borderRadius={2}
         {...rest}
       >
+        <Row bg={bg} p={2} width='100%' justifyContent="start" alignItems="center">
         <Icon icon={props.icon} mr={2} color={color}></Icon>
         <Text color={color} fontWeight="medium" whiteSpace='nowrap'>
           {props.text}
-        </Text>
+        </Text></Row>
       </Button>
     </>
   );