Style & Script fixes

js/pis.js

@@ -36,13 +36,13 @@ async function insertData(json) {
     for(var i = 0; i < json.length; i++) {  // Hopefully can style output with CSS
         tableData += `<tr><td class="pis-code">${json[i]['code']}</td>
             <td class="station">${json[i]['stops'].join(', ')}</td></tr>`
+        log(`Count prior to incrementing: ${results}`)
         results++
+        log(`Count after incrementing: ${results}`)
     }
     tableData += "</table>"
     div.insertAdjacentHTML("beforeend", tableData)
-    if (results > 1) {
-        document.getElementById('result-count').textContent = results.toString()
-    }
+    document.getElementById('result-count').textContent = results.toString()
 }
 
 async function noData() {

styles/pis.css

@@ -13,6 +13,14 @@
     text-align: center;
 }
 
+td, th {
+    border-bottom: 1px solid;
+}
+
+#reset {
+    margin-top: 25px
+}
+
 #reset {
     margin-top: 25px;
 }
@@ -22,6 +30,8 @@
 }
 
 .station {
-    text-transform:uppercase;
-    overflow-wrap:anywhere
+    text-transform: uppercase;
+    overflow-wrap: anywhere;
+    font-family: firamono, monospace;
+    line-height: 1.2;
 }