UI tweaks for mobile

4 files changed, 9 insertions, 6 deletions

diff --git a/css/bitcoin_pos.css b/css/bitcoin_pos.css
index 2702b9aa..2346ea18 100644
--- a/css/bitcoin_pos.css
+++ b/css/bitcoin_pos.css
@@ -1,8 +1,9 @@
 body { text-align: center; }
-input[type="number"] { height: 30px; }
-body, input[type="number"] { font-size: 24px; line-height: 24px; }
+body, input[type="text"], input[type="number"] { font-size: 24px; height: 30px; line-height: 24px; }
 small, label { font-size: 24px; color: #999; line-height: 24px; }
 strong#total { font-size: 30px; }
+input[type="submit"] { display: none; }
+canvas { margin-left: 90px; }
 	
 div.container-fluid {
   width: 600px;
diff --git a/index.html b/index.html
index 04a77827..1eb2423e 100644
--- a/index.html
+++ b/index.html
@@ -21,9 +21,11 @@
       <small>CAD / BTC</small>
 
       <label for="owing">Amount:</label>
-      <input type="number" id="owing" value="0" />
+      <input type="text" id="owing" value="0" />
       <small>CAD</small>
 
+      <input type="submit" />
+
       <br /><br />
 
       <p>Please send <strong id="total">0.0</strong> bitcoins to:</p><br />
diff --git a/js/bitcoin_pos.js b/js/bitcoin_pos.js
index f9685924..0ecc9264 100644
--- a/js/bitcoin_pos.js
+++ b/js/bitcoin_pos.js
@@ -68,7 +68,7 @@ $(function() {
     doqr('bitcoin:' + address + '?amount=' + total.toString());
   }
 
-  $('input').focus(function() { $(this).val(''); });
+  $('input').click(function() { $(this).val(''); });
 });
 
 function getParameterByName(name) {
diff --git a/js/qr.js b/js/qr.js
index c978215e..6933e8ae 100644
--- a/js/qr.js
+++ b/js/qr.js
@@ -703,8 +703,8 @@ function genframe(instring)
 
 var wd, ht, qrc;
 function setupqr(){
-    wd = 350;
-    ht = 350;
+    wd = 300;
+    ht = 300;
     mp = document.getElementById("mapcanv");
 
     var elem = document.getElementById('qrcanv');