dario.genga/FE_Charts
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update the display order of the elements of the UI

Browse Source 
The pages display the graph at the top instead at the bottom.

Also added some css to improve the look of the UI
This commit is contained in:
dario-cfpt
2020-03-07 15:23:54 +01:00
parent d2fa8edb74
commit 2fb4a2f13e
5 changed files with 60 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
mobile/www/pages/feclass.html
View File

@ -11,8 +11,21 @@
</div>
</div>
<div class="page-content">
<div class="card data-table data-table-collapsible data-table-init">
<div class="data-table-title">Growth rates :</div>
<div>
<div class="list no-hairlines-md">
<figure class="highcharts-figure">
<div id="container-class-gr"></div>
</figure>
<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">
@ -24,25 +37,5 @@
</tbody>
</table>
</div>
<div>
<div class="list no-hairlines-md">
<ul>
<li class="item-content item-input">
<div class="item-media">
<i class="icon demo-list-icon"></i>
</div>
</li>
</ul>
<figure class="highcharts-figure">
<div id="container-class-gr"></div>
</figure>
<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>
</div>