From 247fb41a901afccb2766c1ff1958967e4fff9580 Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Fri, 16 Jan 2015 17:03:42 -0300
Subject: [PATCH] fix bugs when you have 0 wallets

---
 css/src/main.css            |  2 +-
 views/includes/sidebar.html | 27 ++++++++++++++++-----------
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/css/src/main.css b/css/src/main.css
index 3e3f0690a..824e9c039 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -1335,7 +1335,7 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
 .black {
   background-color: #2C3E50;
 }
-
+.text-italic {font-style: italic;}
 .text-light {font-weight: 100;}
 .text-bold {font-weight: 700;}
 .text-gray {color: #8597A7;}
diff --git a/views/includes/sidebar.html b/views/includes/sidebar.html
index 08d986bb6..ad85a547c 100644
--- a/views/includes/sidebar.html
+++ b/views/includes/sidebar.html
@@ -1,17 +1,22 @@
 <div ng-init="init()">
-  <header ng-show="$root.wallet">
-    <div class="col1">
-      <div class="avatar-wallet">{{$root.wallet.getName() | limitTo: 1}}</div>
+  <header>
+    <div class="left p15" ng-show="!$root.wallet">
+      <span class="db m5t text-italic">You have no wallets</span>
     </div>
-    <div class="col2" ng-class="{'col2_full':!wallets.length}">
-      <div class="oh m5t m10r"> 
-        <div class="name-wallet">
-          <div class="ellipsis">{{$root.wallet.getName()}}</div>
-        </div> 
-        <div class="size-12">  {{$root.wallet.requiredCopayers}} of {{$root.wallet.totalCopayers}} </div>
+    <div ng-show="$root.wallet">
+      <div class="col1">
+        <div class="avatar-wallet">{{$root.wallet.getName() | limitTo: 1}}</div>
+      </div>
+      <div class="col2" ng-class="{'col2_full':!wallets.length}">
+        <div class="oh m5t m10r"> 
+          <div class="name-wallet">
+            <div class="ellipsis">{{$root.wallet.getName()}}</div>
+          </div> 
+          <div class="size-12">  {{$root.wallet.requiredCopayers}} of {{$root.wallet.totalCopayers}} </div>
+        </div>
       </div>
     </div>
-    <div class="col3" ng-if="wallets.length > 1">
+    <div class="col3">
       <a ng-class="{'selected':walletSelection}" 
         ng-click="toggleWalletSelection()"> 
         <span ng-show="!walletSelection">
@@ -25,7 +30,7 @@
   </header>
 
   <div>
-    <ul class="side-nav wallets" ng-class="{'pullDown': walletSelection}" ng-show="wallets[0]">
+    <ul class="side-nav wallets" ng-class="{'pullDown': walletSelection}">
       <li 
         ng-repeat="item in wallets track by $index" 
         class="nav-item"