From 0d8faeb8be58d104ed12bfbaac4248333451a5e1 Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Mon, 15 Dec 2014 21:50:19 -0300
Subject: [PATCH] add focus on input icon

---
 css/src/main.css | 5 +++++
 views/join.html  | 2 +-
 views/send.html  | 8 ++++----
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/css/src/main.css b/css/src/main.css
index 1254b4fd8..39d913e8e 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -1229,6 +1229,11 @@ label.postfix, span.postfix {
   box-shadow: 1px 0px 0px 0px #FFFFFF;
 }
 
+.input label {
+  line-height: 0;
+  padding: 0;
+}
+
 .icon-input {
   font-size: 9px;
   color: #fff;
diff --git a/views/join.html b/views/join.html
index e92cc6762..34038c21e 100644
--- a/views/join.html
+++ b/views/join.html
@@ -29,7 +29,7 @@
 
               <div class="input">
                 <input id="connectionId" type="text" placeholder="{{'Paste wallet secret here'|translate}}" name="connectionId" ng-model="connectionId" wallet-secret required>
-                <i class="icon-wallet"></i>
+                <label for="connectionId"><i class="icon-wallet"></i></label>
                 <div ng-hide="showScanner || disableScanner">
                   <a class="postfix button black" ng-click="openScanner()"><i class="fi-camera">&nbsp;</i></a>
                 </div>
diff --git a/views/send.html b/views/send.html
index 5f4bcc6a3..0b3ad8ae6 100644
--- a/views/send.html
+++ b/views/send.html
@@ -66,7 +66,7 @@
 
             <div class="input">
               <input type="text" id="address" name="address" ng-disabled="loading || lockAddress" placeholder="{{'Bitcoin address'|translate}}" ng-model="_address" valid-address required>
-              <i class="fi-address-book"></i> 
+              <label for="address"><i class="fi-address-book"></i> </label>
               <div ng-hide="showScanner || disableScanner">
                 <a class="postfix button black" ng-click="openScanner()"><i class="fi-camera size-24"></i></a>
               </div>
@@ -112,7 +112,7 @@
                   <div class="small-9 columns">
                     <div class="input">
                       <input type="number" id="amount" ng-disabled="loading || lockAmount" name="amount" placeholder="{{'Amount'|translate}}" ng-minlength="0.00000001" ng-maxlength="10000000000" ng-model="_amount" valid-amount required autocomplete="off">
-                      <i class="icon-bitcoin"></i>
+                      <label for="amount"><i class="icon-bitcoin"></i></label>
                     </div>
                   </div>
                   <div class="small-3 columns pointer" ng-click="showAlternative = true">
@@ -127,7 +127,7 @@
                   <div class="small-9 columns">
                     <div class="input">
                       <input type="number" id="alternative" ng-disabled="loading || !isRateAvailable || lockAmount" name="alternative" placeholder="{{'Amount'|translate}}" ng-model="_alternative" requiredautocomplete="off">
-                      <i class="icon-usd"></i>
+                      <label for="alternative"><i class="icon-usd"></i></label>
                     </div>
                   </div>
                   <div class="small-3 columns pointer" ng-click="showAlternative = false">
@@ -145,7 +145,7 @@
               </label>
               <div class="input">
                 <textarea id="comment" ng-disabled="loading" name="comment" placeholder="{{($root.wallet.isShared() ? 'Leave a private message to your copayers' : 'Add a private comment to identify the transaction')}}" ng-maxlength="100" ng-model="_comment"></textarea>
-                <i class="icon-compose"></i>
+                <label for="comment"><i class="icon-reference"></i></label>
               </div>
             </div>
           </div>