From 88dc5283c4a7ddeb0938fb421a46c39c4fcdc682 Mon Sep 17 00:00:00 2001
From: Daniel Friesel <derf@finalrewind.org>
Date: Sat, 20 Jan 2018 21:35:48 +0100
Subject: Improve formatting of detailed mode train numbers

---
 public/static/default.css | 18 ++++++++++--------
 templates/clean.html.ep   | 13 +++++--------
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/public/static/default.css b/public/static/default.css
index 55a7ee8..75177d6 100644
--- a/public/static/default.css
+++ b/public/static/default.css
@@ -53,14 +53,16 @@ div.displayclean li .line .trainno {
 	font-weight: normal;
 }
 
-div.displayclean li .extra_trainno {
-	font-size: 2em;
-	position:absolute;
-	top:5px;
-	left:2px;
-	max-width: 6em;
-	max-height: 3ex;
-	overflow: hidden;
+div.displayclean li .line .trainno_sub {
+	font-weight: normal;
+	font-size: 0.6em;
+	text-align: center;
+}
+
+div.displayclean li .sbahn .trainno_sub {
+	font-weight: normal;
+	font-size: 0.5em;
+	text-align: center;
 }
 
 div.displayclean li .lineinfo {
diff --git a/templates/clean.html.ep b/templates/clean.html.ep
index 3f6bcd0..e9cf1b7 100644
--- a/templates/clean.html.ep
+++ b/templates/clean.html.ep
@@ -49,15 +49,12 @@
 %   else {
 %=    $departure->{train}
 %   }
-    </div>
-%   if (param('detailed')) {
-%     if ($departure->{train_line} and $departure->{train_no}
-%         and $departure->{train_line} ne $departure->{train_no}) {
-        <div class="extra_trainno">
-%=      $departure->{train_no}
-        </div>
-%     }
+%   if ($departure->{train_line} and $departure->{train_no}
+%       and $departure->{train_line} ne $departure->{train_no}
+%       and param('detailed')) {
+      <div class="trainno_sub"><%= $departure->{train_no} %></div>
 %   }
+    </div>
 %   if (@{$departure->{replaced_by}} or @{$departure->{replacement_for}}) {
       <div class="lineinfo">
 %     if (@{$departure->{replaced_by}}) {
-- 
cgit v1.2.3