From 481475fb1f7559de81215b88b2e6ccfb914cbe27 Mon Sep 17 00:00:00 2001
From: dakkar <dakkar@thenautilus.net>
Date: Sat, 3 Feb 2024 17:28:08 +0000
Subject: fits better, scrolls

---
 forecast.html.tt | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/forecast.html.tt b/forecast.html.tt
index ae3402b..47658c1 100644
--- a/forecast.html.tt
+++ b/forecast.html.tt
@@ -30,11 +30,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <style type="text/css">
      body, table {
-       font-size: 30px;
+       font-size: 25px;
      }
 
      table { border-collapse: collapse; empty-cells: show }
-     table td { border: dotted thin black; padding: 3px }
+     table td { border: solid thin black; padding: 3px }
 
      div.forecast dt { display: none }
      div.forecast dd { display: inline; margin: 0; border: 0 }
@@ -72,7 +72,7 @@
      }
 
      div.bus {
-       position: absolute; left: 38%; top: 10em;
+       position: absolute; right: 2em; top: 8em;
      }
 
      div.bus td.line { background-color: #DC241F; color: #fff }
@@ -81,7 +81,8 @@
 
      div.tube {
        position: absolute; left: 5px; top: 20em;
-       width: 75%;
+       width: 75%; height: calc(100% - 20em);
+       overflow-y: scroll;
      }
 
      .bakerloo { background-color: #B26300; color: #fff; }
@@ -102,7 +103,7 @@
      div.tube table { font-size: 75% }
 
      div.tube td.status { width: 8em }
-     div.tube td.details { width: 10em }
+     div.tube td.details { width: 10em; font-size: 66% }
 
      div.timeline { position: absolute; right: 5px; bottom: 5px; }
      div.timeline table { font-size: 75% }
-- 
cgit v1.2.3