X-Git-Url: http://git.rot13.org/?a=blobdiff_plain;f=examples%2Fselfcheck.html;h=efe2cffe293278ff5487af22b452676b63f17fde;hb=c0a67873c977f590916e05d68fc45e2267643d8a;hp=329e30d83771caadbb1fdc0145b46da75809d815;hpb=044ac31bad7b7596bc09ac769857e7097df121d4;p=Biblio-RFID.git

diff --git a/examples/selfcheck.html b/examples/selfcheck.html
index 329e30d..efe2cff 100644
--- a/examples/selfcheck.html
+++ b/examples/selfcheck.html
@@ -8,7 +8,12 @@
 
 body, input {
 	font-family: 'Roboto', sans-serif;
-	font-size: 120%;
+	font-size: 100%;
+	/* disable selection which brings havoc on touchscreens */
+	-webkit-user-select: none;
+	-moz-user-select: -moz-none;
+	-ms-user-select: none;
+	user-select: none;
 }
 
 body {
@@ -46,7 +51,7 @@ input[type=button] {
 	display: block;
 	float: left;
 	width: 100%;
-	height: 3em;
+	height: 6em;
 }
 
 .button {
@@ -63,13 +68,23 @@ input[type=button] {
 	position: absolute;
 	top: 50%;
 	left: 50%;
-	margin-left: -10em;
-	margin-top: -5em;
-	width: 10em;
-	height: 5em;
+	margin-left: -8em; /* width + 2 * padding / 2 */
+	margin-top: -2.5em;
+	width: 12em;
+	height: 8em;
 	background: #ff8;
 	padding: 2em;
 	border: 0.5em solid #f00;
+	text-align: center;
+}
+
+#working {
+	display: none;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	margin-left: -250px; /* 500 / 2 */
+	margin-top: -187px;  /* 375 / 2 */
 }
 
 </style>
@@ -92,6 +107,11 @@ Timeout in <span id="tick">99</span> seconds.
 </div>
 
 
+<div id="working">
+<img src="/examples/giphy.gif">
+</div>
+
+
 <div class="page" id="start">
 
 <!--
@@ -106,7 +126,7 @@ Ako želite posuditi knjigu, najprije stavite iskaznicu na za to previđeno mjes
 Select checkin button to return books.
 -->
 
-Ako želite vratiti knjigu, pristisnite ovaj gumb.
+Ako želite vratiti knjigu, pristisnite gumb za povrat.
 
 <div class="button">
 <input name=checkin type=button value="Povrat" onClick="change_page('checkin')">