From b33c6991e9139163eb41228ca7c14408516bbc42 Mon Sep 17 00:00:00 2001
From: coolneng <akasroua@gmail.com>
Date: Mon, 15 Jun 2020 01:18:07 +0200
Subject: [PATCH] Change visualization layout to two columns

---
 app/processing.py                |  2 +-
 app/templates/visualization.html | 12 ++++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/app/processing.py b/app/processing.py
index 29f0f8a..088c2e1 100644
--- a/app/processing.py
+++ b/app/processing.py
@@ -3,7 +3,7 @@ from app.preprocessing import create_dataframe, create_map
 
 def create_table(df) -> str:
     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
 
 
diff --git a/app/templates/visualization.html b/app/templates/visualization.html
index 81fa254..4087590 100644
--- a/app/templates/visualization.html
+++ b/app/templates/visualization.html
@@ -3,9 +3,13 @@
 
 {% block app_content %}
 <h1>Dataset visualization</h1>
-<iframe class="map", src="/map" width="400" height="400"></iframe>
-<table style="margin-left: 350px;">
-{{ table|safe }}
-</table>
+<div class="row">
+    <div class="col-md-9">
+        {{ table|safe }}
+    </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>
 {% endblock %}