Change visualization layout to two columns

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
 
 

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;">
+<div class="row">
+    <div class="col-md-9">
         {{ 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>
 {% endblock %}