From 044ac31bad7b7596bc09ac769857e7097df121d4 Mon Sep 17 00:00:00 2001
From: Dobrica Pavlinusic <dpavlin@rot13.org>
Date: Mon, 1 Sep 2014 16:05:00 +0200
Subject: [PATCH] pin buttons to bottom of screen

---
 examples/selfcheck.html | 30 ++++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/examples/selfcheck.html b/examples/selfcheck.html
index 979ca02..329e30d 100644
--- a/examples/selfcheck.html
+++ b/examples/selfcheck.html
@@ -8,11 +8,11 @@
 
 body, input {
 	font-family: 'Roboto', sans-serif;
-	background: #eee;
-	font-size: 150%;
+	font-size: 120%;
 }
 
 body {
+	background: #f0f0ff;
 	margin: 2em;
 }
 
@@ -43,10 +43,19 @@ body {
 }
 
 input[type=button] {
+	display: block;
+	float: left;
+	width: 100%;
+	height: 3em;
+}
+
+.button {
 	margin-top: 1em;
 	display: block;
 	width: 100%;
-	height: 5em;
+	position: absolute;
+	left: 0;
+	bottom: 0;
 }
 
 #timeout {
@@ -56,8 +65,8 @@ input[type=button] {
 	left: 50%;
 	margin-left: -10em;
 	margin-top: -5em;
-	width: 20em;
-	height: 10em;
+	width: 10em;
+	height: 5em;
 	background: #ff8;
 	padding: 2em;
 	border: 0.5em solid #f00;
@@ -77,8 +86,10 @@ RFID reader not found or driver program not started.
 
 <div id="timeout">
 Timeout in <span id="tick">99</span> seconds.
+<div class="button">
 <input type=button value="continue" onClick="start_timeout();">
 </div>
+</div>
 
 
 <div class="page" id="start">
@@ -97,8 +108,10 @@ Select checkin button to return books.
 
 Ako želite vratiti knjigu, pristisnite ovaj gumb.
 
+<div class="button">
 <input name=checkin type=button value="Povrat" onClick="change_page('checkin')">
 </div>
+</div>
 
 <div class="page" id="borrower_info">
 <!--
@@ -128,8 +141,9 @@ Ostatak: 0,00 kn
 
 Greeting from Koha.
 
+<div class="button">
 <input type="button" value="OK" onClick="change_page(circulation_type)">
-
+</div>
 
 </div>
 
@@ -149,9 +163,9 @@ Postavite knjige na predviđeno mjesto ispred monitora.
 
 Dokumenata: <span id="books_count">0</span>
 
-<div style="display: block">
-<input type="button" value="Završi" onClick="change_page('end')">
+<div class="button">
 <input class="checkout" type="button" value="Informacije o članu" onClick="change_page('borrower_info')">
+<input type="button" value="Završi" onClick="change_page('end')">
 </div>
 
 </div>
-- 
2.20.1