LP#1494748 - Change pay fines link to a button & increase checkbox sizes

This makes the pay fines link  and checkboxes easier to use for touch screen
users.

Signed-off-by: Josh Stompro <stomproj@larl.org>
Signed-off-by: Kathy Lussier <klussier@masslnc.org>
Signed-off-by: Josh Stompro <stomproj@larl.org>

diff --git a/Open-ILS/src/templates/circ/selfcheck/fines.tt2 b/Open-ILS/src/templates/circ/selfcheck/fines.tt2
index 25b54f1..eb49730 100644 (file)
--- a/Open-ILS/src/templates/circ/selfcheck/fines.tt2
+++ b/Open-ILS/src/templates/circ/selfcheck/fines.tt2
@@ -1,5 +1,5 @@
 <span id='oils-selfck-selected-total'></span>
-<span style='padding-left:5px;'><a class='hidden' href='javascript:void(0);' id='oils-selfck-pay-fines-link'>[% l('Pay Fines') %]</a></span>
+<span style='padding-left:5px;'><a class='hidden' href='javascript:void(0);' id='oils-selfck-pay-fines-link'><button class="self-button" type="button">[% l('Pay Fines') %]</button></a></span>
 <div id='oils-selfck-fines-table-div'>
     <table id='oils-selfck-fines-table' class='oils-selfck-item-table'>
         <thead>

diff --git a/Open-ILS/web/css/skin/default/selfcheck.css b/Open-ILS/web/css/skin/default/selfcheck.css
index 23bd388..fe9fcb2 100644 (file)
--- a/Open-ILS/web/css/skin/default/selfcheck.css
+++ b/Open-ILS/web/css/skin/default/selfcheck.css
@@ -218,3 +218,14 @@ A {
    box-shadow:         inset 0 0 8px #ADADB2;
    border-radius: 12px;
 }
+
+input[type=checkbox]
+{
+  /* Double-sized Checkboxes */
+  -ms-transform: scale(2.3); /* IE */
+  -moz-transform: scale(2.3); /* FF */
+  -webkit-transform: scale(2.3); /* Safari and Chrome */
+  -o-transform: scale(2.3); /* Opera */
+  padding: 10px;
+  transform: scale(2.3);
+}