From d7b962607fed590210c824469c77edbdb354f6d2 Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Thu, 24 Jul 2014 17:22:29 -0300
Subject: [PATCH] sidebar-mobile

---
 css/mobile.css                     | 20 ++++++++++-
 views/includes/sidebar-mobile.html | 55 +++++++++++++++++-------------
 2 files changed, 50 insertions(+), 25 deletions(-)

diff --git a/css/mobile.css b/css/mobile.css
index 7fd57f68b..9cad3adb6 100644
--- a/css/mobile.css
+++ b/css/mobile.css
@@ -45,7 +45,7 @@
   }
 
   .left-off-canvas-menu {
-    background: #3C4E60;
+    background: #2C3E50;
   }
 
   .off-canvas-wrap,.inner-wrap{
@@ -80,5 +80,23 @@
   }
 
 
+  .tab-bar h1 {
+    font-weight: 100;
+  }
+
+  ul.off-canvas-list li a {
+    border-bottom: 1px solid #425568;
+    padding: 0.66667rem 1rem;
+    color: #fff;
+  }
+
+  ul.off-canvas-list li a i {
+    opacity: 0.6;
+  }
+
+  .box-founds {
+    background-color: #213140;
+  }
+
 }
 
diff --git a/views/includes/sidebar-mobile.html b/views/includes/sidebar-mobile.html
index 950177cd9..3ed69cedb 100644
--- a/views/includes/sidebar-mobile.html
+++ b/views/includes/sidebar-mobile.html
@@ -1,34 +1,41 @@
 <div ng-controller="SidebarController">
   <header class="text-center">
     <div class="text-white m10v">
-      Copay 
+      <a href="/" class="db">
+        <img src="../img/logo-negative-beta.svg" alt="" width="80">
+      </a>
       <small>v{{version}}</small>
       <small ng-if="$root.wallet.getNetworkName()=='livenet'">LIVENET</small>
       <small ng-if="$root.wallet.getNetworkName()=='testnet'">TESTNET</small>
     </div>
-    <div class="founds size-12">
-      Balance
-      <span ng-if="$root.updatingBalance">
-        <i class="fi-bitcoin-circle icon-rotate spinner"></i>
-      </span>
-      <span ng-if="!$root.updatingBalance"
-        data-options="disable_for_touch:true"
-        tooltip="{{totalBalanceBTC || 0 |noFractionNumber:8}} BTC"
-        tooltip-trigger="mouseenter"
-        tooltip-placement="bottom">{{totalBalance || 0
-        |noFractionNumber}} {{$root.unitName}} 
-      </span> 
-      &middot; 
-      Available
-      <span ng-if="$root.updatingBalance">
-        <i class="fi-bitcoin-circle icon-rotate spinner"></i>
-      </span>
-      <span ng-show="!$root.updatingBalance"
-        data-options="disable_for_touch:true"
-        tooltip="{{availableBalanceBTC || 0 |noFractionNumber:8}} BTC"
-        tooltip-trigger="mouseenter"
-        tooltip-placement="bottom">{{availableBalance || 0|noFractionNumber}} {{$root.unitName}}
-      </span>
+    <div class="line-sidebar-b"></div>
+    <div class="founds size-12 text-center box-founds p10t">
+      <div class="m10b">
+        Balance
+        <span ng-if="$root.updatingBalance">
+          <i class="fi-bitcoin-circle icon-rotate spinner"></i>
+        </span>
+        <span ng-if="!$root.updatingBalance"
+          data-options="disable_for_touch:true"
+          tooltip="{{totalBalanceBTC || 0 |noFractionNumber:8}} BTC"
+          tooltip-trigger="mouseenter"
+          tooltip-placement="bottom">{{totalBalance || 0
+          |noFractionNumber}} {{$root.unitName}} 
+        </span>
+      </div> 
+      <div>
+        Available
+        <span ng-if="$root.updatingBalance">
+          <i class="fi-bitcoin-circle icon-rotate spinner"></i>
+        </span>
+        <span ng-show="!$root.updatingBalance"
+          data-options="disable_for_touch:true"
+          tooltip="{{availableBalanceBTC || 0 |noFractionNumber:8}} BTC"
+          tooltip-trigger="mouseenter"
+          tooltip-placement="bottom">{{availableBalance || 0|noFractionNumber}} {{$root.unitName}}
+        </span>
+      </div>
+      <div class="line-sidebar-b"></div>
     </div>
   </header>
   <ul class="off-canvas-list">