sidebar-mobile

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;
+  }
+
 }
 

views/includes/sidebar-mobile.html

@@ -1,12 +1,16 @@
 <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">
+    <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>
@@ -18,7 +22,8 @@
           tooltip-placement="bottom">{{totalBalance || 0
           |noFractionNumber}} {{$root.unitName}} 
         </span>
-      &middot; 
+      </div> 
+      <div>
         Available
         <span ng-if="$root.updatingBalance">
           <i class="fi-bitcoin-circle icon-rotate spinner"></i>
@@ -30,6 +35,8 @@
           tooltip-placement="bottom">{{availableBalance || 0|noFractionNumber}} {{$root.unitName}}
         </span>
       </div>
+      <div class="line-sidebar-b"></div>
+    </div>
   </header>
   <ul class="off-canvas-list">
     <li data-ng-repeat="item in menu" ui-route="/{{item.link}}" class="nav-item" data-ng-class="{active: isActive(item)}">