From d780a6fd887dc86f4ef85fd45fd394629ddafac6 Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Mon, 8 May 2023 22:03:07 +0100
Subject: [PATCH] Fixing bad styling decisions

---
 js/lib.board.js  | 1 +
 styles/board.css | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/js/lib.board.js b/js/lib.board.js
index 4651bcf..2107011 100644
--- a/js/lib.board.js
+++ b/js/lib.board.js
@@ -199,6 +199,7 @@ async function showCalls(id) {
   /* Prepare then insert DOM Data */
   let dom = ` <div id="${id}" class="call-data">
                   <p class="close-data" onclick="hideCalls('${id}')">X</p>
+                  <p class="call-table-description">Click on a stations name to go to it's departure board</p>
                   <table class="call-table">
                     <tr>
                       <th class="detail-name-head">Location</th>
diff --git a/styles/board.css b/styles/board.css
index 49f2e65..77ecde5 100644
--- a/styles/board.css
+++ b/styles/board.css
@@ -285,6 +285,14 @@ caption{
     width: 90%;
 }
 
+.call-table-description {
+    color: var(--second-text-color)
+}
+
+.detail-name a {
+    text-decoration: none;
+}
+
 .detail-name-here {
     color: var(--board-name-color);
 }