From 146f9df71bfb6f883ba557510dc282458348e260 Mon Sep 17 00:00:00 2001 From: Daniel Friesel Date: Thu, 13 Aug 2015 22:27:32 +0200 Subject: make landing page mobile-accessible (also, HTML5 forms!) --- public/main.css | 16 +++++++++------- templates/exception.html.ep | 1 + templates/main.html.ep | 14 ++++++++++---- templates/not_found.html.ep | 1 + 4 files changed, 21 insertions(+), 11 deletions(-) diff --git a/public/main.css b/public/main.css index e6139ec..8ecda96 100644 --- a/public/main.css +++ b/public/main.css @@ -36,20 +36,22 @@ div.break { } div.field { - width: 100%; - clear: both; + margin-top: 0.3em; + margin-bottom: 0.6em; } -div.field div.desc { - float: left; - width: 14em; - text-align: right; - padding-right: 0.5em; +input, select { + width: 20em; + max-width: 100%; + min-height: 1.8em; } +/* input, select { border: 1px solid black; + display: block; } +*/ div.notes { margin-top: 4em; diff --git a/templates/exception.html.ep b/templates/exception.html.ep index dfa71e1..18a1402 100644 --- a/templates/exception.html.ep +++ b/templates/exception.html.ep @@ -3,6 +3,7 @@ vrr-fakedisplay + %= stylesheet '/main.css' diff --git a/templates/main.html.ep b/templates/main.html.ep index 8d17e64..151ae88 100644 --- a/templates/main.html.ep +++ b/templates/main.html.ep @@ -3,6 +3,7 @@ <%= $title %> + %= stylesheet '/main.css' %= javascript '/jquery-2.1.1.min.js' %= javascript '/image.js' @@ -102,9 +103,14 @@ other German transit networks. %= form_for _redirect => begin
-
City → Stop
+
Stadt
%= text_field 'city' +
+
+
+
Haltestelle
+
%= text_field 'stop' %= submit_button 'Display'
@@ -113,15 +119,15 @@ other German transit networks. optional:
- display height [1..10]
+ display height
- %= text_field 'no_lines' + %= number_field 'no_lines', min => 1, max => 10
min. offset [minutes]
- %= text_field 'offset' + %= number_field 'offset', min => 0
diff --git a/templates/not_found.html.ep b/templates/not_found.html.ep index 35255b3..8d4883b 100644 --- a/templates/not_found.html.ep +++ b/templates/not_found.html.ep @@ -3,6 +3,7 @@ vrr-fakedisplay + %= stylesheet '/main.css' -- cgit v1.2.3