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,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">
+    <div class="line-sidebar-b"></div>
-      Balance
+    <div class="founds size-12 text-center box-founds p10t">
-      <span ng-if="$root.updatingBalance">
+      <div class="m10b">
-        <i class="fi-bitcoin-circle icon-rotate spinner"></i>
+        Balance
-      </span>
+        <span ng-if="$root.updatingBalance">
-      <span ng-if="!$root.updatingBalance"
+          <i class="fi-bitcoin-circle icon-rotate spinner"></i>
-        data-options="disable_for_touch:true"
+        </span>
-        tooltip="{{totalBalanceBTC || 0 |noFractionNumber:8}} BTC"
+        <span ng-if="!$root.updatingBalance"
-        tooltip-trigger="mouseenter"
+          data-options="disable_for_touch:true"
-        tooltip-placement="bottom">{{totalBalance || 0
+          tooltip="{{totalBalanceBTC || 0 |noFractionNumber:8}} BTC"
-        |noFractionNumber}} {{$root.unitName}} 
+          tooltip-trigger="mouseenter"
-      </span> 
+          tooltip-placement="bottom">{{totalBalance || 0
-      &middot; 
+          |noFractionNumber}} {{$root.unitName}} 
-      Available
+        </span>
-      <span ng-if="$root.updatingBalance">
+      </div> 
-        <i class="fi-bitcoin-circle icon-rotate spinner"></i>
+      <div>
-      </span>
+        Available
-      <span ng-show="!$root.updatingBalance"
+        <span ng-if="$root.updatingBalance">
-        data-options="disable_for_touch:true"
+          <i class="fi-bitcoin-circle icon-rotate spinner"></i>
-        tooltip="{{availableBalanceBTC || 0 |noFractionNumber:8}} BTC"
+        </span>
-        tooltip-trigger="mouseenter"
+        <span ng-show="!$root.updatingBalance"
-        tooltip-placement="bottom">{{availableBalance || 0|noFractionNumber}} {{$root.unitName}}
+          data-options="disable_for_touch:true"
-      </span>
+          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">