From f08d4fab5bc8051324206995cad2b180bbf0aeb9 Mon Sep 17 00:00:00 2001
From: BonfaceKilz
Date: Wed, 17 Jun 2020 03:08:06 +0300
Subject: Add section for map and add basic styling

---
 bh20simplewebuploader/static/main.css         |  8 +++++++-
 bh20simplewebuploader/templates/demo-run.html | 13 ++++++-------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/bh20simplewebuploader/static/main.css b/bh20simplewebuploader/static/main.css
index cc6d5e4..66b9161 100644
--- a/bh20simplewebuploader/static/main.css
+++ b/bh20simplewebuploader/static/main.css
@@ -47,6 +47,9 @@ h2 > svg {
     float: right;
 }
 
+#mapid {
+    height: 200px;
+}
 /* ---- start menu ---- */
 
 /* Add a black background color to the top navigation */
@@ -250,12 +253,15 @@ a {
 .search-section {
     display: flex;
     justify-content: space-between;
+    width: max-content;
 }
 
+.filter-options {
+    width: 100%;
+}
 .search-section .filter-options {
     display: flex;
     flex-direction: column;
-    width: max-content;
     padding: 20px;
 }
 
diff --git a/bh20simplewebuploader/templates/demo-run.html b/bh20simplewebuploader/templates/demo-run.html
index 4479409..c9f1473 100644
--- a/bh20simplewebuploader/templates/demo-run.html
+++ b/bh20simplewebuploader/templates/demo-run.html
@@ -12,15 +12,14 @@
 
   </div>
 
-  <div id="loader" class="loader invisible">
-  </div>
-
-  <section id="results" class="invisible">
-    <pre><code id="json"></code></pre>
-  </section>
-
+</section>
+<div id="loader" class="loader invisible">
+</div>
 
+<section id="results" class="invisible">
+    <div id="mapid"></div>
 </section>
+
  <section>
     <div id="table"></div>
   </section>
-- 
cgit v1.2.3