Update the display order of the elements of the UI
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:
@ -12,21 +12,11 @@
|
||||
</div>
|
||||
<div class="page-content">
|
||||
<img id="picture-char" class="img-character">
|
||||
<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 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">
|
||||
@ -41,9 +31,6 @@
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<figure class="highcharts-figure">
|
||||
<div id="container-char-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>
|
||||
@ -52,5 +39,18 @@
|
||||
</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>
|
||||
|
Reference in New Issue
Block a user