Commit 84ba6b53 authored by Zach's avatar Zach Committed by Zach Knox
Browse files

fixed the table hooray

parent ecbb30ed
...@@ -40,3 +40,8 @@ ...@@ -40,3 +40,8 @@
width: auto; width: auto;
margin: auto; margin: auto;
} }
.table-full-width {
width: 100%;
height: 100%;
}
<body> <body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header"> <header class="mdl-layout__header">
<div class="mdl-layout__header-row"> <div class="mdl-layout__header-row">
<!-- Title --> <!-- Title -->
<span class="mdl-layout-title">Weather</span> <span class="mdl-layout-title">Weather</span>
</div> </div>
<!-- Tabs --> <!-- Tabs -->
<div class="mdl-layout__tab-bar mdl-js-ripple-effect"> <div class="mdl-layout__tab-bar mdl-js-ripple-effect">
<a href="#fairfax" class="mdl-layout__tab is-active">Fairfax</a> <a href="#fairfax" class="mdl-layout__tab is-active">Fairfax</a>
<a href="#arlington" class="mdl-layout__tab">Arlington</a> <a href="#arlington" class="mdl-layout__tab">Arlington</a>
<a href="#scitech" class="mdl-layout__tab">SciTech</a> <a href="#scitech" class="mdl-layout__tab">SciTech</a>
<a href="#korea" class="mdl-layout__tab">Mason Korea</a> <a href="#korea" class="mdl-layout__tab">Mason Korea</a>
<a href="#saudi" class="mdl-layout__tab">Saudi Arabia</a> <a href="#saudi" class="mdl-layout__tab">Saudi Arabia</a>
</div> </div>
</header> </header>
<main class="mdl-layout__content"> <main class="mdl-layout__content">
<div class="bg"> <div class="bg">
<section class="mdl-layout__tab-panel is-active" id="fairfax"> <section class="mdl-layout__tab-panel is-active" id="fairfax">
<div class="page-content">{{> weather}}</div> <div class="page-content">{{> weather}}</div>
</section> </section>
<section class="mdl-layout__tab-panel" id="arlington"> <section class="mdl-layout__tab-panel" id="arlington">
<div class="page-content">{{> weather}}</div> <div class="page-content">{{> weather}}</div>
</section> </section>
<section class="mdl-layout__tab-panel" id="scitech"> <section class="mdl-layout__tab-panel" id="scitech">
<div class="page-content">{{> weather}}</div> <div class="page-content">{{> weather}}</div>
</section> </section>
<section class="mdl-layout__tab-panel" id="korea"> <section class="mdl-layout__tab-panel" id="korea">
<div class="page-content">{{> weather}}</div> <div class="page-content">{{> weather}}</div>
</section> </section>
<section class="mdl-layout__tab-panel" id="saudi"> <section class="mdl-layout__tab-panel" id="saudi">
<div class="page-content">{{> weather}}</div> <div class="page-content">{{> weather}}</div>
</section> </section>
</div> </div>
{{> footer}} {{> footer}}
</main> </main>
</div> </div>
</body> </body>
...@@ -55,11 +55,11 @@ ...@@ -55,11 +55,11 @@
</div> </div>
</div> </div>
</div> </div>
<div class="hourly-table mdl-cell mdl-cell--6-col mdl-shadow--4dp"> <div class="hourly-table mdl-cell mdl-cell--6-col mdl-shadow--4dp table-full-width">
<table class="mdl-data-table mdl-js-data-table"> <table class="mdl-data-table mdl-js-data-table">
<thead> <thead>
<tr> <tr>
<th class="mdl-data-table__cell--non-numeric">Hourly Forcast</th> <th class="mdl-data-table__cell--non-numeric table-full-width">Hourly Forcast</th>
<th class="mdl-data-table__cell--non-numeric">Condition</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"><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">Precipitation</th>
......
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