Playing with formatting

2 files changed, 34 insertions, 18 deletions

diff --git a/index.html b/index.html
index 8e9f82a6..033905d5 100644
--- a/index.html
+++ b/index.html
@@ -9,26 +9,42 @@
     <script src="js/qr.js"></script>
     <script src="js/bootstrap.min.js"></script>
     <script src="js/bitcoin.js"></script>
+    <style>
+      body, input[type="text"] { font-size: 24px; }
+      small, label { font-size: 14px; color: #999; }
+      .center { text-align: center; }
+      #total { font-size: 36px; }
+    </style>
   </head>
   <body>
-    <div class="container">
-      <img src="img/banner.jpg" alt="The Daily Catch" />
+    <div class="container-fluid">
+      <div class="row-fluid">
+        <span class="span8 offset4">
+          <img src="img/banner.jpg" alt="The Daily Catch" />
+          <label for="exchange">Exchange Rate:</label>
+          <input type="text" id="exchange" value="0" disabled="disabled" />
+          <small>CAD / BTC</small>
 
-      <label for="exchange">Exchange Rate:</label>
-      <input type="text" id="exchange" value="0" disabled="disabled" />
-      BTC/CAD<br />
+          <label for="owing">Amount:</label>
+          <input type="text" id="owing" value="0" />
+          <small>CAD</small>
+        </span>
+      </div>
+    
+      <br /><br />
 
-      <label for="owing">Amount:</label>
-      <input type="text" id="owing" value="0" />
-      <br />
-
-      <p>
-        <span>Please send</span>
-        <strong id="total">0.0</strong>
-        bitcoins to:
-      </p>
-      <span id="address"></span><br />
-      <canvas id="qrcanv">No Canvas Support</canvas>
+      <div class="row-fluid">
+        <span class="span8 offset4">
+          <p>
+            Please send <strong id="total">0.0</strong> bitcoins to:
+          </p>
+          <br />
+          <p>
+            <span id="address"></span>
+          </p>
+          <canvas id="qrcanv">No Canvas Support</canvas>
+        </span>
+      </div>
     </div>
   </body>
 </html> 
diff --git a/js/qr.js b/js/qr.js
index a7b00794..c978215e 100644
--- a/js/qr.js
+++ b/js/qr.js
@@ -703,8 +703,8 @@ function genframe(instring)
 
 var wd, ht, qrc;
 function setupqr(){
-    wd = 250;
-    ht = 250;
+    wd = 350;
+    ht = 350;
     mp = document.getElementById("mapcanv");
 
     var elem = document.getElementById('qrcanv');