simple error display, should make it conditional

static/styles/style.css

@@ -96,6 +96,14 @@ body {
 	border-radius: 3px;
 }
 
+.errors-container {
+	display: flex;
+	justify-content: center;
+	padding: 10px 10px;
+	border-radius: 3px;
+
+}
+
 .results-table {
 	padding: 50px 50px;
 	border-radius: 3px;

templates/results-overview-new.html

@@ -1,6 +1,13 @@
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 <script src="static/javascript.js"></script>
 
+<div class="errors-container">
+  <p>
+    <i>
+      You may have mistyped: </i><b>{{errors|join(',')}}</b><i>. Try again!</i>
+    </i>
+</div>
+
 <div class="table-container">
   <div class="results-table-new">
     <table id="data" class="table table-striped">
@@ -30,13 +37,23 @@
         <tr>
           <td colspan="7" id="info">
             <p>
-              <b>VirusTotal</b>Vendor marked this host as malicious or suspicious:
+              <b>VirusTotal</b>
+              <br>
+              {% if host.vt['score'] > 0 %}
+              Vendor marked this host as malicious or suspicious:
               {{host.vt['vendors']|join(', ')}}
+              {{host.vt['score']}}
+              {% else %}
+              No vendors marked this host as malicious or suspicious.
+              {% endif %}
+              <br>
+              <b>AbuseIPDB</b>
               <br>
               IP address is: {{host.abuseipdb['IP_address']}}<br>
               Is this Tor: {{host.abuseipdb['Tor']}}<br>
               Usage: {{host.abuseipdb['usage']}}<br>
-
+              <br>
+              <!--Display some of the metadata info-->
             </p>
           </td>
         </tr>
@@ -46,9 +63,7 @@
   </div>
 </div>
 
-{% for error in errors %}
-{{error}}
-{% endfor %}
+
 
 {% block scripts %}