diff options
| author | Daniel Friesel <derf@finalrewind.org> | 2016-07-15 19:33:34 +0200 |
|---|---|---|
| committer | Daniel Friesel <derf@finalrewind.org> | 2016-07-15 19:33:34 +0200 |
| commit | 670542adebb6d904a8d54609f3b6d5273523178e (patch) | |
| tree | 5a90345b0f38a863a3a8fee8efb5445359c9bfb4 | |
| parent | ba773e820628db5699ac7131475a0b02b5925c5a (diff) | |
something something centering
| -rw-r--r-- | public/static/default.css | 11 | ||||
| -rw-r--r-- | templates/landingpage.html.ep | 2 | ||||
| -rw-r--r-- | templates/layouts/default.html.ep | 5 |
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/> |