From cf2a0103072df9167660f7a78be51817ddcf5bd4 Mon Sep 17 00:00:00 2001
From: Gustavo Cortez <cmgustavo83@gmail.com>
Date: Tue, 29 Apr 2014 15:17:14 -0300
Subject: [PATCH] Addresses TAB: if no address, show only button.

---
 css/main.css |  4 ++++
 index.html   | 36 ++++++++++++++++++------------------
 2 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/css/main.css b/css/main.css
index a164c55d3..4dbac797c 100644
--- a/css/main.css
+++ b/css/main.css
@@ -215,6 +215,10 @@ small.has-error {
   }
 }
 
+.new-address {
+  width: 220px;
+}
+
 hr { margin: 2.25rem 0;}
 
 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
diff --git a/index.html b/index.html
index c13093ecb..e25c6e2b1 100644
--- a/index.html
+++ b/index.html
@@ -255,24 +255,24 @@
     <script type="text/ng-template" id="addresses.html">
       <div class="addresses" data-ng-controller="AddressesController">
         <div ng-show='$root.wallet.publicKeyRing.isComplete()'>
-        <h3>Addresses (available to spend)</h3>
-        <div class="row">
-          <div class="large-6 columns">
-            <a class="panel db" ng-repeat="addr in addrs" ng-click="selectAddr(addr)">{{addr}}
-
- <span ng-if="!isMain[addr]">(change)</span>
- <span class="right">({{balanceByAddr[addr] || 0}} <i class="fi-bitcoin"></i>)</span></a>
-           
-          </div>
-          <div class="large-3 columns line-dashed-v text-center">
-            <qrcode size="160" data="{{selectedAddr}}"></qrcode>
-            <p class="m10t" ng-repeat="addr in addrs" ng-if="selectedAddr==addr"> <strong> {{balanceByAddr[addr]}} <i class="fi-bitcoin"></i> </strong> </p>
-          </div>
-          <div class="large-3 columns text-center">
-            <p> Create a New <strong> Address </strong> </p>
-            <button class="secondary round expand" ng-click="newAddr()" ng-disabled="loading" loading="Creating"> Create </button>
-          </div>
-        </div> 
+          <div class="row">
+            <div class="large-9 columns" ng-if="addrs[0]">
+              <h3>Addresses (available to spend)</h3>
+              <div class="large-8 columns">
+                <a class="panel db" ng-repeat="addr in addrs" ng-click="selectAddr(addr)">{{addr}}
+                <span ng-if="!isMain[addr]">(change)</span>
+                <span class="right">({{balanceByAddr[addr] || 0}} <i class="fi-bitcoin"></i>)</span></a>
+              </div>
+              <div class="large-4 columns line-dashed-v text-center">
+                <qrcode size="160" data="{{selectedAddr}}"></qrcode>
+                <p class="m10t" ng-repeat="addr in addrs" ng-if="selectedAddr==addr"> <strong> {{balanceByAddr[addr]}} <i class="fi-bitcoin"></i> </strong> </p>
+              </div>
+            </div>
+            <div class="columns text-center" ng-class="{'large-3' : addrs[0]}">
+              <p> Create a New <strong> Address </strong> </p>
+              <button class="secondary round expandi new-address" ng-click="newAddr()" ng-disabled="loading" loading="Creating"> Create </button>
+            </div>
+          </div> 
         </div> 
       </div>
     </script>