diff options
| -rw-r--r-- | public/main.css | 16 | ||||
| -rw-r--r-- | templates/exception.html.ep | 1 | ||||
| -rw-r--r-- | templates/main.html.ep | 14 | ||||
| -rw-r--r-- | 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 @@ <head> <title>vrr-fakedisplay</title> <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> %= stylesheet '/main.css' </head> <body> 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 @@ <head> <title><%= $title %></title> <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> %= 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 <div> <div class="field"> - <div class="desc">City → Stop</div> + <div class="desc">Stadt</div> <div> %= text_field 'city' + </div> + </div> + <div class="field"> + <div class="desc">Haltestelle</div> + <div> %= text_field 'stop' %= submit_button 'Display' </div> @@ -113,15 +119,15 @@ other German transit networks. <span class="optional">optional:</span> <div class="field"> <div class="desc" title="number of lines"> - display height [1..10]</div> + display height</div> <div> - %= text_field 'no_lines' + %= number_field 'no_lines', min => 1, max => 10 </div> </div> <div class="field"> <div class="desc">min. offset [minutes]</div> <div> - %= text_field 'offset' + %= number_field 'offset', min => 0 </div> </div> <div class="field"> 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 @@ <head> <title>vrr-fakedisplay</title> <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> %= stylesheet '/main.css' </head> <body> |