From 789b78a027c01447bd498addf86f0702f2630d0e Mon Sep 17 00:00:00 2001
From: Kyle Huckins <khuckins@catalyte.io>
Date: Mon, 29 Jan 2018 21:40:34 +0000
Subject: [PATCH] CAT-178 Login Tweaks

- Remove "Steps" text.
- Move "Enter" instructions to top of login barcode box.
- Move Example text into input boxes.
- Match example barcode to barcode in image.

Signed-off-by: Kyle Huckins <khuckins@catalyte.io>

 Changes to be committed:
	modified:   KCLS/openils/var/templates_kcls/circ/selfcheck/patron_login.tt2
---
 .../var/templates_kcls/circ/selfcheck/patron_login.tt2 | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/KCLS/openils/var/templates_kcls/circ/selfcheck/patron_login.tt2 b/KCLS/openils/var/templates_kcls/circ/selfcheck/patron_login.tt2
index ba4eb7e1a2..f556ad97e8 100644
--- a/KCLS/openils/var/templates_kcls/circ/selfcheck/patron_login.tt2
+++ b/KCLS/openils/var/templates_kcls/circ/selfcheck/patron_login.tt2
@@ -2,17 +2,15 @@
 <style>
   .login-input::-webkit-input-placeholder { 
     font-size: 15px;
+    font-weight: normal;
   }
   .login-input::-moz-placeholder { 
     font-size: 15px;
+    font-weight: normal;
   }
 </style>
-<div class="row">
-  <div class="col-md-12">
-    <h2>1) Scan your library card barcode OR type your library card number or username<br />2) Type your PIN</h2>
-  </div>
-</div>
-<div class="row pad-vert">
+
+<div class="row pad-vert scko-login-form">
   <div class="col-md-4">
     <img src="[% ctx.media_prefix %]/images/selfcheck/libcard_barcode.jpg" alt='library card barcode' class="scko-image" />
   </div>
@@ -21,10 +19,9 @@
       <div class="col-md-8">
         <div class="form-group">
           <div id='oils-selfck-status-div2' class='status_box'></div>
+          <div style='margin-top:3px'>Enter your library card number here</div>
           <input type="text" id='patron-login-username' 
-            class="form-control login-input" 
-            placeholder="Enter your library card number here"/>
-          <div style='margin-top:3px'>Example 0017620030</div>
+            class="form-control login-input" placeholder="Example: 0052908415"/>
         </div>
       </div>
     </div>
@@ -35,8 +32,7 @@
             <div class="form-group">
               <input type="password" id='patron-login-password' 
                 class="form-control login-input" 
-                placeholder="Enter your PIN here"/>
-              <div style='margin-top:3px;'>Example 0926</div>
+                placeholder="Example: 0926"/>
             </div>
           </div>
           <div class="col-xs-6 col-md-2">
-- 
2.11.0