better info message

[Biblio-RFID.git] / examples / selfcheck.html

diff --git a/examples/selfcheck.html b/examples/selfcheck.html
index 329e30d..3d576b8 100644 (file)
--- a/examples/selfcheck.html
+++ b/examples/selfcheck.html
@@ -8,7 +8,12 @@
 
 body, input {
        font-family: 'Roboto', sans-serif;
-       font-size: 120%;
+       font-size: 110%;
+       /* disable selection which brings havoc on touchscreens */
+       -webkit-user-select: none;
+       -moz-user-select: -moz-none;
+       -ms-user-select: none;
+       user-select: none;
 }
 
 body {
@@ -63,13 +68,14 @@ input[type=button] {
        position: absolute;
        top: 50%;
        left: 50%;
-       margin-left: -10em;
-       margin-top: -5em;
-       width: 10em;
+       margin-left: -8em; /* width + 2 * padding / 2 */
+       margin-top: -2.5em;
+       width: 12em;
        height: 5em;
        background: #ff8;
        padding: 2em;
        border: 0.5em solid #f00;
+       text-align: center;
 }
 
 </style>
@@ -106,7 +112,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')">