center weather icons

IBM-Cloud · Mar 29, 2017 · 03fca78 · 03fca78
1 parent 568409a
commit 03fca78
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/routes/Dashboard/components/ForecastTile/ForecastTile.jsx b/src/routes/Dashboard/components/ForecastTile/ForecastTile.jsx
@@ -39,15 +39,16 @@ const ForecastTile = ({ weather }) => {
       { weather.forecasts.slice(0, 5).map((forecast, i) =>
         <TableRow key={i}>
           <TableRowColumn style={styles.column}>{forecast.dow}</TableRowColumn>
-          <TableRowColumn style={styles.column}>
+          <TableRowColumn style={styles.column} width="40px">
             <img
               alt={forecast.day ? forecast.day.phrase_22char : forecast.night.phrase_22char}
               className={classes.weatherIcon}
               src={`/images/weather/${forecast.day ?
                 forecast.day.icon_code : forecast.night.icon_code}.png`}
             />
+          </TableRowColumn>
+          <TableRowColumn style={styles.column}>
             {forecast.day ? forecast.day.phrase_22char : forecast.night.phrase_22char}
-
           </TableRowColumn>
         </TableRow>
       )}

diff --git a/src/routes/Dashboard/components/ForecastTile/ForecastTile.scss b/src/routes/Dashboard/components/ForecastTile/ForecastTile.scss
@@ -21,5 +21,7 @@
 
 .weatherIcon {
   width: 32px;
+  padding: 2px;
   margin-right: 15px;
+  vertical-align: middle;
 }
diff --git a/src/routes/Dashboard/components/Map/PopUpCard/PopUpCard.scss b/src/routes/Dashboard/components/Map/PopUpCard/PopUpCard.scss
@@ -165,6 +165,7 @@ small {
   width: 32px;
   margin-top:5px;
   margin-right:10px;
+  vertical-align: middle;
 }
 
 .shipmentRecommendationList {