From 41d027ffab8fe535d8317fa06409ec03b15335c7 Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Thu, 8 Jun 2023 11:13:36 +0100
Subject: [PATCH] Change page layout to fit more data

---
 js/train-detail.js | 10 ++++++++++
 train-detail.html  |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/js/train-detail.js b/js/train-detail.js
index f27c481..999faf8 100644
--- a/js/train-detail.js
+++ b/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 = ''
 }
\ No newline at end of file
diff --git a/train-detail.html b/train-detail.html
index fd98282..14070be 100644
--- a/train-detail.html
+++ b/train-detail.html
@@ -36,7 +36,7 @@
       <source srcset="/images/logo/wide_logo.svg" type="image/svg+xml">
       <source media="(max-height: 739px)" srcset="./images/logo/logo-full-200.png" type="image/png">
       <source srcset="./images/logo/logo-full-250.png" type="image/png">
-      <img class="titleimg" src="./images/logo/logo-full-250.png" alt="OwlBoard Logo">
+      <img class="titleimg" id="titleimg" src="./images/logo/logo-full-250.png" alt="OwlBoard Logo">
     </picture>
     <h2>Train Details</h2>
       <div id="train_options">