From c05abbd72522d67084f6055bfe417a40c9ea1f6e Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam.soltys@pwgsc-tpsgc.gc.ca>
Date: Sat, 20 Oct 2012 07:08:11 +0000
Subject: UI tweaks for mobile

---
 css/bitcoin_pos.css |  15 +++++++--------
 img/banner.jpg      | Bin 29862 -> 27656 bytes
 index.html          |   5 +++--
 js/bitcoin_pos.js   |   2 ++
 js/qr.js            |   4 ++--
 5 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/css/bitcoin_pos.css b/css/bitcoin_pos.css
index 39fb9ee1..2702b9aa 100644
--- a/css/bitcoin_pos.css
+++ b/css/bitcoin_pos.css
@@ -1,13 +1,12 @@
 body { text-align: center; }
-input[type="text"] { height: 60px; }
-body, input[type="text"] { font-size: 36px; line-height: 30px; }
-small, label { font-size: 30px; color: #999; line-height: 30px; }
-strong#total { font-size: 48px; }
-img#banner { width: 501px; height: 130px; }
+input[type="number"] { height: 30px; }
+body, input[type="number"] { font-size: 24px; line-height: 24px; }
+small, label { font-size: 24px; color: #999; line-height: 24px; }
+strong#total { font-size: 30px; }
 	
 div.container-fluid {
-  width: 480px;
-	margin-left: auto;
+  width: 600px;
+  margin-left: auto;
   margin-right: auto;
-	text-align:left;
+  text-align:left;
 }
diff --git a/img/banner.jpg b/img/banner.jpg
index bfcdf5b4..2df858c3 100644
Binary files a/img/banner.jpg and b/img/banner.jpg differ
diff --git a/index.html b/index.html
index 9262b435..04a77827 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8" />
+		<meta name="viewport" content="width=480, height=752, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
     <title>Bitcoin Payment Calculator</title>
     <link href="css/bootstrap.min.css" rel="stylesheet" />
     <link href="css/bootstrap-responsive.min.css" rel="stylesheet" />
@@ -16,11 +17,11 @@
       <img id="banner" src="img/banner.jpg" alt="The Daily Catch" />
 
       <label for="exchange">Exchange Rate:</label>
-      <input type="text" id="exchange" value="0" disabled="disabled" />
+      <input type="number" id="exchange" value="0" disabled="disabled" />
       <small>CAD / BTC</small>
 
       <label for="owing">Amount:</label>
-      <input type="text" id="owing" value="0" />
+      <input type="number" id="owing" value="0" />
       <small>CAD</small>
 
       <br /><br />
diff --git a/js/bitcoin_pos.js b/js/bitcoin_pos.js
index f929a477..f9685924 100644
--- a/js/bitcoin_pos.js
+++ b/js/bitcoin_pos.js
@@ -67,6 +67,8 @@ $(function() {
     $('#total').html(total.toString());
     doqr('bitcoin:' + address + '?amount=' + total.toString());
   }
+
+  $('input').focus(function() { $(this).val(''); });
 });
 
 function getParameterByName(name) {
diff --git a/js/qr.js b/js/qr.js
index a079e7ac..c978215e 100644
--- a/js/qr.js
+++ b/js/qr.js
@@ -703,8 +703,8 @@ function genframe(instring)
 
 var wd, ht, qrc;
 function setupqr(){
-    wd = 450;
-    ht = 450;
+    wd = 350;
+    ht = 350;
     mp = document.getElementById("mapcanv");
 
     var elem = document.getElementById('qrcanv');
-- 
cgit v1.2.3