summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--public/static/default.css11
-rw-r--r--templates/landingpage.html.ep2
-rw-r--r--templates/layouts/default.html.ep5
3 files changed, 16 insertions, 2 deletions
diff --git a/public/static/default.css b/public/static/default.css
index 091ac12..4d80cbe 100644
--- a/public/static/default.css
+++ b/public/static/default.css
@@ -479,6 +479,12 @@ div.candidatelist div.errshort {
color: #aaaaaa;
}
+.container {
+ max-width: 40em;
+ margin-left: auto;
+ margin-right: auto;
+}
+
pre {
margin-bottom: 2em;
}
@@ -499,7 +505,7 @@ div.field {
input, select, .button {
display: inline-block;
- width: 20em;
+ width: 50em;
max-width: 100%;
min-height: 1.8em;
border-radius: 4px;
@@ -513,10 +519,11 @@ input, select, .button {
}
input[type="text"] {
- width: 19em;
+ width: 49em;
padding-left: 0.5em;
padding-right: 0.5em;
text-align: left;
+ box-sizing: border-box;
}
select {
diff --git a/templates/landingpage.html.ep b/templates/landingpage.html.ep
index 4a50dbe..54001e4 100644
--- a/templates/landingpage.html.ep
+++ b/templates/landingpage.html.ep
@@ -1,4 +1,5 @@
% if (stash 'show_intro') {
+<div class="container">
<p>
Diese Seite ist ein inoffizielles Frontend zum Abfahrtsmonitor
der DB. Sie kann wahlweise die vor Ort montierten Anzeigen nachahmen oder
@@ -13,4 +14,5 @@ Alle Angaben ohne Gewähr.
<p>
Oder hier angeben:
</p>
+</div>
% }
diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep
index 7c38798..f7a5f02 100644
--- a/templates/layouts/default.html.ep
+++ b/templates/layouts/default.html.ep
@@ -30,6 +30,7 @@
<body style="<%= (stash('hide_opts') ? 'margin: 0; padding: 0;' : q{}) %>">
% if (my $error = stash 'error') {
+<div class="container">
<div class="error">Backend-Fehler:</div>
<div>
<pre>
@@ -40,11 +41,13 @@
% elsif (stash('stationlist')) {
<div class="error">Mehrdeutige Eingabe</div>
<div>Bitte eine Station aus der Liste auswählen</div>
+</div>
% }
%= content
% if (not stash('hide_opts')) {
+<div class="container">
<div class="input-field">
@@ -187,6 +190,8 @@ nur Züge via Bochum oder Hamm)</li>
</ul>
</div> <!-- notes -->
+</div> <!-- container -->
+
<div class="about">
<a href="https://finalrewind.org/projects/db-fakedisplay/">db-infoscreen</a>
v<%= stash('version') // '???' %><br/>