Skip to content
This repository has been archived by the owner on Apr 16, 2021. It is now read-only.

Commit

Permalink
center weather icons
Browse files Browse the repository at this point in the history
  • Loading branch information
rvennam987 committed Mar 29, 2017
1 parent 568409a commit 03fca78
Show file tree
Hide file tree
Showing 3 changed files with 6 additions and 2 deletions.
5 changes: 3 additions & 2 deletions src/routes/Dashboard/components/ForecastTile/ForecastTile.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -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>
)}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,5 +21,7 @@

.weatherIcon {
width: 32px;
padding: 2px;
margin-right: 15px;
vertical-align: middle;
}
Original file line number Diff line number Diff line change
Expand Up @@ -165,6 +165,7 @@ small {
width: 32px;
margin-top:5px;
margin-right:10px;
vertical-align: middle;
}

.shipmentRecommendationList {
Expand Down

0 comments on commit 03fca78

Please sign in to comment.