LP2109643 Browser default font size for self-checkout

Sets the font size for self checkout in rems rather than pixels, so that
font sizes always respect the browser's default setting. Adds a default
line height to avoid colliding lines when text wraps.

Release-note: Respect browser default font size for self checkout

Signed-off-by: Stephanie Leary <[email protected]>
Signed-off-by: Jane Sandberg <[email protected]>
Signed-off-by: Michele Morgan <[email protected]>
Signed-off-by: Ruth Frasur Davis <[email protected]>
Signed-off-by: Dan Guarracino <[email protected]>

Author: stephanieleary

Open-ILS/src/eg2/src/app/staff/scko/scko.component.css

@@ -1,6 +1,7 @@
 body {                                                                         
     font-family: Arial, Verdana;                                               
-    font-size: 13px;                                                           
+    font-size: 1rem;
+    line-height: 1.6;
 }                                                                              
 
 a {
@@ -9,6 +10,7 @@ a {
 
 h1 {
     font-size: 1.5rem;
+    line-height: 2;
     color: #00593d;
     display: inline;
 }
@@ -39,14 +41,14 @@ h2 {
 }  
 
 #scko-scan-input-text {                                                       
-  font-size: 16px;                                                           
+  font-size: 1rem;                                                           
   background: none repeat scroll 0 0 #252525;                                
   color: white;                                                              
   padding: 10px;                                                             
 } 
 
 #scko-welcome-message {
-  font-size: 16px;                                                           
+  font-size: 1rem;                                                           
   background: none repeat scroll 0 0 #252525;                                
   color: white;                                                              
   padding: 10px;                                                             
@@ -72,7 +74,7 @@ h2 {
 }
 
 #scko-circ-info-div fieldset legend {
-    font-size: 13px;
+    font-size: 0.825rem;
     color: #00593d;
     background-color: white;
     font-weight: bold;
@@ -194,7 +196,7 @@ label.btn-check-label.active:before {
 }
 
 .scko-status-row {
-    font-size: 20px;
+    font-size: 1.4rem;
 }
 
 input[type="checkbox"] {

Open-ILS/web/css/skin/default/selfcheck.css

@@ -1,7 +1,8 @@
 
 body {
     font-family: Arial, Verdana;
-    font-size: 13px;
+    font-size: 1rem;
+    line-height: 1.6;
 }
 
 #oils-selfck-top-div {
@@ -34,7 +35,7 @@ body {
 }
 
 #oils-selfck-scan-text {
-    font-size: 16px;
+    font-size: 1rem;
     background: none repeat scroll 0 0 #252525;
     color: white;
     padding: 10px;
@@ -213,7 +214,7 @@ A {
 #dijit_form_TextBox_0 {
    padding: 5px;
    height: 28px;
-   font-size: 16px;
+   font-size: 1rem;
    box-shadow:         inset 0 0 8px #ADADB2;
    border-radius: 12px;
 }