From 0301ad0cf0152b0525a6e700e2516637ee2ac33c Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Tue, 16 Sep 2014 15:45:55 -0300
Subject: [PATCH] fix qr code's popup mobile

---
 css/src/mobile.css           |  8 ++++----
 views/modals/qr-address.html | 20 +++++++++++---------
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/css/src/mobile.css b/css/src/mobile.css
index 9deb53219..f4f0bb509 100644
--- a/css/src/mobile.css
+++ b/css/src/mobile.css
@@ -122,13 +122,13 @@
     display: block;
     float: none;
     margin: 0 auto;
-    width: 210px;
-    height: 210px;
+    width: 160px;
+    height: 160px;
   }
 
   .panel qrcode canvas {
-    width: 200px;
-    height: 200px;
+    width: 150px;
+    height: 150px;
   }
 
   .addresses .panel {
diff --git a/views/modals/qr-address.html b/views/modals/qr-address.html
index 13d5635fc..5f7d990c3 100644
--- a/views/modals/qr-address.html
+++ b/views/modals/qr-address.html
@@ -1,20 +1,22 @@
 <div class="text-center">
-  <qrcode size="250" data="bitcoin:{{address.address}}"></qrcode>
+  <qrcode size="220" data="bitcoin:{{address.address}}"></qrcode>
 
   <div class="m10t">
-    <h4>{{address.address}} <span class="btn-copy" clip-copy="address.address"></span></h4>
+    <h4 class="size-12">{{address.address}} <span class="btn-copy" clip-copy="address.address"></span></h4>
     <span ng-if="$root.updatingBalance">
       <i class="fi-bitcoin-circle icon-rotate spinner"></i>
     </span>
-    <p class="m15b" ng-if="!$root.updatingBalance">
+    <p class="m15b size-18" ng-if="!$root.updatingBalance">
       {{address.balance || 0|noFractionNumber}} {{$root.wallet.settings.unitName}}
     </p>
-    <button class="m15t button secondary" open-external address="{{address.address}}">
-      <i class="fi-link">&nbsp;</i> <span translate>Open in external application</span>
-    </button><br><br>
-    <button class="m15t button secondary" ng-show="isMobile" ng-click="mobileCopy(address.address)">
-      <i class="fi-link">&nbsp;</i> <span translate>Copy to clipboard</span>
-    </button>
+    <div class="small-10 columns small-centered">
+      <button class="m15t button secondary hide-for-large-up" ng-show="isMobile" ng-click="mobileCopy(address.address)">
+        <i class="fi-link">&nbsp;</i> <span translate>Copy to clipboard</span>
+      </button>
+      <a class="m15t secondary" open-external address="{{address.address}}">
+        <span translate>Open in external application</span>
+      </a>
+    </div>
   </div>
 </div>
 <a class="close-reveal-modal" ng-click="cancel()">&#215;</a>