2fb4a2f13e
The pages display the graph at the top instead at the bottom. Also added some css to improve the look of the UI
57 lines
2.2 KiB
HTML
57 lines
2.2 KiB
HTML
<div class="page page-stat">
|
|
<div class="navbar">
|
|
<div class="navbar-inner">
|
|
<div class="left">
|
|
<a href="#" class="link back">
|
|
<i class="icon icon-back"></i>
|
|
<span class="if-not-md">Back</span>
|
|
</a>
|
|
</div>
|
|
<div id="title-char" class="title sliding">Fire Emblem Charts</div>
|
|
</div>
|
|
</div>
|
|
<div class="page-content">
|
|
<img id="picture-char" class="img-character">
|
|
<div>
|
|
<div class="list no-hairlines-md">
|
|
<figure class="highcharts-figure">
|
|
<div id="container-char-gr"></div>
|
|
</figure>
|
|
<ul>
|
|
<li class="item-content item-input">
|
|
<div class="item-media">
|
|
<i class="icon demo-list-icon"></i>
|
|
</div>
|
|
<div id="item-select-classes" class="item-inner">
|
|
<div class="item-title item-label">Class</div>
|
|
<div class="item-input-wrap input-dropdown-wrap">
|
|
<select id="select-classes" placeholder="Please choose...">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div class="block">
|
|
<p class="segmented segmented-raised segmented-round">
|
|
<button id="btn-graph-spider-web" class="button button-round button-active">Spider web</button>
|
|
<button id="btn-graph-column-chart" class="button button-round">Column chart</button>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card data-table data-table-collapsible data-table-init">
|
|
<div class="data-table-title">Growth rates</div>
|
|
<table id="table-growth-rates">
|
|
<thead>
|
|
<tr id="table-gr-header">
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="table-gr-content">
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|