Commit 1ba1b17d authored by Zach's avatar Zach Committed by Zach Knox
Browse files

more in table and new header color

parent 380968b1
......@@ -2,6 +2,9 @@
.bg {
background-color: #dedede;
}
.header-bg {
background-color: #006633;
}
.temp-size {
font-size: 32pt;
......
......@@ -2,9 +2,11 @@
<div class="mdl-layout mdl-js-layout">
<header class="mdl-layout__header">
<div class="header-bg">
<div class="mdl-layout__header-row">
<span class="mdl-layout__title">Weather</span>
</div>
</div>
</header>
<main class="mdl-layout__content">
<div>
......@@ -38,6 +40,10 @@
<thead>
<tr>
<th class="mdl-data-table__cell--non-numeric">Hourly Forcast</th>
<th class="mdl-data-table__cell--non-numeric">Condition</th>
<th class="mdl-data-table__cell--non-numeric"><i class="wi wi-fahrenheit"></i></th>
<th class="mdl-data-table__cell--non-numeric">Precipitation</th>
<th class="mdl-data-table__cell--non-numeric">Wind</th>
</tr>
</thead>
<tbody>
......@@ -45,21 +51,29 @@
<td class="mdl-data-table__cell--non-numeric">4 PM</td>
<td class="mdl-data-table__cell--non-numeric"><i class="wi wi-day-cloudy wi-fw"></i> Partly Cloudy</td>
<td>74<i class="wi wi-fahrenheit"></i></td>
<td>0%</td>
<td>3mph</td>
</tr>
<tr>
<td class="mdl-data-table__cell--non-numeric">5 PM</td>
<td class="mdl-data-table__cell--non-numeric"><i class="wi wi-day-sunny wi-fw"></i>Sunny</td>
<td>72<i class="wi wi-fahrenheit"></i></td>
<td>0%</td>
<td>4mph</td>
</tr>
<tr>
<td class="mdl-data-table__cell--non-numeric">6 PM</td>
<td class="mdl-data-table__cell--non-numeric"><i class="wi wi-night-clear wi-fw"></i>Clear</td>
<td>70<i class="wi wi-fahrenheit"></i></td>
<td>0%</td>
<td>6mph</td>
</tr>
<tr>
<td class="mdl-data-table__cell--non-numeric">7 PM</td>
<td class="mdl-data-table__cell--non-numeric"><i class="wi wi-night-cloudy wi-fw"></i>Partly Cloudy</td>
<td>69<i class="wi wi-fahrenheit"></i></td>
<td>0%</td>
<td>11mph</td>
</tr>
</tbody>
</table>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment