From d7a2eeafa8e42813df0918c07179709ce66cdd50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gabriel=20Baz=C3=A1n?= <gabrielbazan7@hotmail.com>
Date: Thu, 30 Jun 2016 10:46:51 -0300
Subject: [PATCH] lock text area

---
 public/views/import.html | 13 +++++++++----
 src/sass/main.scss       | 18 +++++++++++++++++-
 2 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/public/views/import.html b/public/views/import.html
index 5b28a0edc..dfbc3cb34 100644
--- a/public/views/import.html
+++ b/public/views/import.html
@@ -50,14 +50,19 @@
             <span translate>Type the Recovery Phrase (usually 12 words)</span>:
           </label>
 
-          <div class="qr-scanner-input">
+          <div class="qr-scanner-input-import" ng-show="!fromQR">
             <qr-scanner on-scan="processWalletInfo(data)"></qr-scanner>
           </div>
 
-          <div class="lock-fromQR" ng-show="fromQR">
-            <i class="fi-lock color-greeni"></i>
+          <div class="lock-fromQR">
+            <div ng-show="fromQR" class="left m10l">
+              <i class="fi-lock color-greeni"></i>
+            </div>
+            <div ng-show="fromQR" class="right icon-close-import" ng-click="fromQR = null">
+              <i class="icon-close-circle size-14"></i>
+            </div>
           </div>
-          <textarea class="form-control" name="words" ng-model="words" rows="2" autocapitalize="off" spellcheck="false" ng-click="fromQR = null"></textarea>
+          <textarea class="form-control m10t" ng-disabled="fromQR" name="words" ng-model="words" rows="2" autocapitalize="off" spellcheck="false"></textarea>
 
           <div class="m10t oh" ng-init="hideAdv=true">
             <a class="button outline light-gray expand tiny p10i" ng-click="hideAdv=!hideAdv">
diff --git a/src/sass/main.scss b/src/sass/main.scss
index aeb6bd3e2..daaeeb4b8 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -29,6 +29,16 @@ body {
   right: 0;
 }
 
+.qr-scanner-input-import {
+  position: absolute;
+  top: -5px;
+  right: 0;
+}
+
+.icon-close-import {
+  padding: 0px 40px 5px 10px;
+}
+
 h1, h2, h3, h4, h5, h6 {
   color: #2C3E50;
 }
@@ -606,6 +616,10 @@ ul.manage li {
   margin-right: 10px;
 }
 
+.m40r {
+  margin-right: 40px;
+}
+
 .m25r {
   margin-right: 25px;
 }
@@ -878,7 +892,9 @@ ul.manage li {
 }
 
 .lock-fromQR {
-  margin: 15px 0px -40px 5px;
+  position: absolute;
+  width: 100%;
+  margin-top: 20px;
 }
 
 .tx-proposal i {