summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--public/main.css16
-rw-r--r--templates/exception.html.ep1
-rw-r--r--templates/main.html.ep14
-rw-r--r--templates/not_found.html.ep1
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 &rarr; 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>