From 9162907e151064bdb08a143abfcff6e39020f1a6 Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde.park@sunshinegardens.org>
Date: Tue, 6 Oct 2020 17:40:14 -0400
Subject: [PATCH] launch: tweak tile icons

---
 .../src/views/apps/launch/components/tiles/basic.js        | 7 +++++--
 .../src/views/apps/launch/components/tiles/weather.js      | 6 +++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/pkg/interface/src/views/apps/launch/components/tiles/basic.js b/pkg/interface/src/views/apps/launch/components/tiles/basic.js
index 7299991e9..c15aaa40e 100644
--- a/pkg/interface/src/views/apps/launch/components/tiles/basic.js
+++ b/pkg/interface/src/views/apps/launch/components/tiles/basic.js
@@ -17,9 +17,12 @@ export default class BasicTile extends React.PureComponent {
           {props.title === 'Dojo'
             ? <Icon
               icon='ChevronEast'
-              color='transparent'
               color='#fff'
-              style={{ position: 'relative', top: '.3em'}}
+              size='12px'
+              display='inline-block'
+              verticalAlign='top'
+              pt='5px'
+              pr='2px'
             />
             : null
           }{props.title}
diff --git a/pkg/interface/src/views/apps/launch/components/tiles/weather.js b/pkg/interface/src/views/apps/launch/components/tiles/weather.js
index 1b514ae27..3ddc77b25 100644
--- a/pkg/interface/src/views/apps/launch/components/tiles/weather.js
+++ b/pkg/interface/src/views/apps/launch/components/tiles/weather.js
@@ -176,7 +176,10 @@ export default class WeatherTile extends React.Component {
         height='100%'
         onClick={() => this.setState({ manualEntry: !this.state.manualEntry })}
       >
+      <Box>
+        <Icon icon='Weather' color='black' display='inline-block' verticalAlign='top' pt='3px' pr='2px' />
         <Text>Weather</Text>
+      </Box>
         <Text style={{ cursor: 'pointer' }}>
           -> Set location
         </Text>
@@ -213,7 +216,7 @@ export default class WeatherTile extends React.Component {
         alignItems='space-between'
       >
         <Text>
-          <Icon icon='Weather' color='transparent' stroke='black' display='inline' style={{ position: 'relative', top: '.3em'}} />
+          <Icon icon='Weather' color='black' display='inline' style={{ position: 'relative', top: '.3em'}} />
           Weather
           <a
           className='pointer'
@@ -256,6 +259,7 @@ export default class WeatherTile extends React.Component {
         <div
           className={'pa2 w-100 h-100 ' +
           'bg-white bg-gray0-d black white-d'}>
+            <Icon icon='Weather' color='black' display='inline' style={{ position: 'relative', top: '.3em' }} />
             <Text>Weather</Text>
           <p className="w-100 flex-col f9">
           Loading, please check again later...