From e205c3ab5ba713acb4d5a3a3ea2ae2fc9ec92697 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gabriel=20Baz=C3=A1n?= <gabrielbazan7@hotmail.com>
Date: Thu, 27 Oct 2016 11:55:30 -0300
Subject: [PATCH] fix addressbook scan icon

---
 src/sass/views/address-book.scss | 13 +++++++++++++
 www/views/addressbook.add.html   | 24 +++++++++++++-----------
 2 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/src/sass/views/address-book.scss b/src/sass/views/address-book.scss
index 757b71840..7d2695296 100644
--- a/src/sass/views/address-book.scss
+++ b/src/sass/views/address-book.scss
@@ -5,6 +5,19 @@
   .list {
     background-color: #fff;
   }
+  .qr-scan-icon a {
+    z-index: 10;
+    display: block;
+    position: absolute;
+    top: 164px;
+    right: 0;
+    padding: 0 10px;
+    font-size: 24px;
+    cursor: pointer;
+  }
+  .qr-icon {
+    line-height: 45px;
+  }
 }
 #view-address-book {
   .scroll {
diff --git a/www/views/addressbook.add.html b/www/views/addressbook.add.html
index afbb48099..7a79f858b 100644
--- a/www/views/addressbook.add.html
+++ b/www/views/addressbook.add.html
@@ -33,23 +33,25 @@
                  name="email"
                  ng-model="addressbookEntry.email">
         </label>
-        <label class="item item-input item-stacked-label">
-          <span class="input-label" translate>Bitcoin Address</span>
-          <div class="input-notification">
-            <i class="icon ion-checkmark-circled balanced"
-               ng-show="!addressbookForm.address.$invalid"></i>
-            <i class="icon ion-close-circled assertive"
-               ng-show="addressbookForm.address.$invalid && addressbookEntry.address"></i>
-          </div>
-          <div class="qr-scan-icon">
-            <qr-scanner on-scan="onQrCodeScanned(data, addressbookForm)"></qr-scanner>
+        <div>
+          <label class="item item-input item-stacked-label">
+            <span class="input-label" translate>Bitcoin Address</span>
+            <div class="input-notification">
+              <i class="icon ion-checkmark-circled balanced"
+                 ng-show="!addressbookForm.address.$invalid"></i>
+              <i class="icon ion-close-circled assertive"
+                 ng-show="addressbookForm.address.$invalid && addressbookEntry.address"></i>
+            </div>
             <input type="text"
                    id="address"
                    name="address"
                    ng-model="addressbookEntry.address"
                    valid-address required>
+          </label>
+          <div class="qr-scan-icon">
+            <qr-scanner on-scan="onQrCodeScanned(data, addressbookForm)"></qr-scanner>
           </div>
-        </label>
+        </div>
       </div>
 
       <div class="padding">