Change page layout to fit more data

js/train-detail.js

@@ -63,7 +63,10 @@ async function displayOne(object) {
     stopRows += await createPublicStopTableRow(stop)
   }
   const displayBox = document.getElementById('train_data')
+  const titleImg = document.getElementById('titleimg')
   displayBox.insertAdjacentHTML('beforeend', dataTableHead + stopRows + dataTableClose)
+  displayBox.style = 'display:block;'
+  titleImg.style = 'width:150px;height:98px;padding-bottom:0;'
 }
 
 async function createPublicStopTableRow(stop) {
@@ -85,4 +88,11 @@ async function createPublicStopTableRow(stop) {
         <td id='public_dep'>${public_dep}</td>
       </tr>
     `
+}
+
+async function reset() {
+  const titleImg = document.getElementById('titleimg')
+  const displayBox = document.getElementById('train_data')
+  titleImg.style = ''
+  displayBox.innerHTML = ''
 }