Merge pull request #995 from bechi/bugs/re-size-qr

fix qr size

css/main.css

@@ -1090,4 +1090,12 @@ a.text-white:hover {color: #ccc;}
   text-align: left;
 }
 
+@media only screen and (min-width: 40.063em) {
+  dialog.tiny, .reveal-modal.tiny {
+    width: 50%;
+    margin-left: -25%;
+  }
+}
+
+
 /*-----------------------------------------------------------------*/

css/mobile.css

@@ -114,6 +114,13 @@
     display: block;
     float: none;
     margin: 0 auto;
+    width: 210px;
+    height: 210px;
+  }
+
+  .panel qrcode canvas {
+    width: 200px;
+    height: 200px;
   }
 }
 

views/modals/qr-address.html

@@ -1,18 +1,17 @@
 <div class="text-center">
-  <qrcode size="160" data="bitcoin:{{address.address}}"></qrcode>
+  <qrcode size="250" data="{{address.address}}"></qrcode>
-  <h4>{{address.address}}</h4>
+
-  <div>
+  <div class="m10t">
+    <h4>{{address.address}}</h4>
     <span ng-if="$root.updatingBalance">
       <i class="fi-bitcoin-circle icon-rotate spinner"></i>
     </span>
-    <span ng-if="!$root.updatingBalance">
+    <p class="m15b" ng-if="!$root.updatingBalance">
       {{address.balance || 0|noFractionNumber}} {{$root.unitName}}
-    </span>
+    </p>
-    <div style="margin-top:10px;">
+    <button class="m15t button secondary" open-external address="{{address.address}}">
-      <span class="label pointer" open-external address="{{address.address}}">
+      <i class="fi-link">&nbsp;</i> Open in external aplication
-        <i class="fi-link">&nbsp;</i> Open in external application
+    </button>
-      </span>
-    </div>
   </div>
 </div>
 <a class="close-reveal-modal" ng-click="cancel()">&#215;</a>