more in table and new header color

weather/client/weather.css

@@ -2,6 +2,9 @@
 .bg {
     background-color: #dedede;
 }
+.header-bg {
+    background-color: #006633;
+}
 
 .temp-size {
     font-size: 32pt;

weather/client/weather.html

@@ -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>