sidebar-mobile + locked amount + signout in header mobile

css/src/main.css

@@ -368,6 +368,7 @@ a:hover {
 .pr {position: relative;}
 .pa {position: absolute;}
 .m0 {margin: 0;}
+.p0 {padding: 0 !important;}
 .db {display: block;}  
 .size-12 { font-size: 12px; }      
 .size-14 { font-size: 14px; }

css/src/mobile.css

@@ -102,6 +102,14 @@
     border-right: 1px solid #425568;
   }
 
+  .right-small {
+    border-left: 1px solid #425568;
+  }
+
+  .right-small a {
+    color: white;
+  }
+
   .panel .secret {
     padding-top: 0.5rem;
     display: block;

index.html

@@ -19,6 +19,9 @@
           <section class="left-small">
             <a class="left-off-canvas-toggle menu-icon" ><span></span></a>
           </section>
+          <section ng-controller="SidebarController" class="right-small text-center">
+            <a href="#" ng-click="signout()"><i class="size-24 fi-power"></i></a>
+          </section>
 
           <section class="middle tab-bar-section">
             <h1 class="right">

views/includes/sidebar-mobile.html

@@ -6,36 +6,33 @@
       </a>
       <div ng-include="'views/includes/version.html'"></div>
     </div>
+  </header>
   <div class="line-sidebar-b"></div>
-    <div class="founds size-12 text-center box-founds p10t">
-      <div class="m10b">
+  <div class="founds size-12 box-founds p15" ng-disabled="$root.loading" ng-click="refresh()">
+    <p class="text-gray">
+      <span>{{$root.wallet.getName()}}</span>
+      <span class="size-12 right">{{$root.wallet.requiredCopayers}}-of-{{$root.wallet.totalCopayers}}</span>
+    </p>
+    <div class="line-sidebar-t">
       Balance
+      <span class="gray small side-bar right" title="Manual Refresh"><i class="size-16 fi-refresh"></i></span>
       <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 |noFractionNumber:8}} BTC"
-          tooltip-trigger="mouseenter"
-          tooltip-placement="bottom">{{totalBalance || 0
+      <span ng-if="!$root.updatingBalance">{{totalBalance || 0
         |noFractionNumber}} {{$root.unitName}} 
       </span>
     </div> 
-      <div>
+    <div class="m10t" ng-show="lockedBalance">
       Locked 
       <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="{{lockedBalanceBTC |noFractionNumber:8}} BTC"
-          tooltip-trigger="mouseenter"
-          tooltip-placement="bottom">{{lockedBalance || 0|noFractionNumber}} {{$root.unitName}}
+      <span ng-show="!$root.updatingBalance">{{lockedBalance || 0|noFractionNumber}} {{$root.unitName}}
       </span> &nbsp;<i class="fi-info medium" tooltip="Balance locked in pending transaction proposals" tooltip-placement="bottom"></i>
     </div>
-      <div class="line-sidebar-b"></div>
   </div>
-  </header>
+  <div class="line-sidebar-t p0"></div>
   <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)}">
       <a href="#!/{{item.link}}" ng-click="toggleCollapse()" class="db p20h"> 

views/includes/sidebar.html

@@ -28,7 +28,7 @@
         tooltip-trigger="mouseenter"
         tooltip-placement="bottom">{{totalBalance || 0 |noFractionNumber}} {{$root.unitName}}
       </span>
-      <br>
+      <div class="m10t" ng-show="lockedBalance">
       Locked &nbsp;
       <span ng-if="$root.updatingBalance">
         <i class="fi-bitcoin-circle icon-rotate spinner"></i>
@@ -42,6 +42,7 @@
         tooltip-placement="bottom">{{lockedBalance || 0|noFractionNumber}} {{$root.unitName}}
       </span> &nbsp;<i class="fi-info medium" tooltip="Balance locked in pending transaction proposals" tooltip-placement="bottom"></i>
       </div>
+    </div>
     <div class="line-sidebar"></div>
   </header>
   <ul class="side-nav">