Change visualization layout to two columns

This commit is contained in:
coolneng 2020-06-15 01:18:07 +02:00
parent ec1729e92c
commit b33c6991e9
Signed by: coolneng
GPG Key ID: 9893DA236405AF57
2 changed files with 9 additions and 5 deletions

View File

@ -3,7 +3,7 @@ from app.preprocessing import create_dataframe, create_map
def create_table(df) -> str: def create_table(df) -> str:
df.fillna(value=0, inplace=True) df.fillna(value=0, inplace=True)
table = df.to_html(classes=["table-striped", "table-hover"]) table = df.to_html(classes=["table-striped", "table-sm", "table-responsive"])
return table return table

View File

@ -3,9 +3,13 @@
{% block app_content %} {% block app_content %}
<h1>Dataset visualization</h1> <h1>Dataset visualization</h1>
<iframe class="map", src="/map" width="400" height="400"></iframe> <div class="row">
<table style="margin-left: 350px;"> <div class="col-md-9">
{{ table|safe }} {{ table|safe }}
</table> </div>
<div class="col-md-1">
<iframe class="map", src="/map" width="350" height="350"></iframe>
</div>
</div>
<p><a href="{{ url_for('data') }}">Back</a></p> <p><a href="{{ url_for('data') }}">Back</a></p>
{% endblock %} {% endblock %}