sidebar + copayers

views/includes/peer-list.html

@@ -1,9 +1,17 @@
-<div ng-controller="VideoController">
-  Icon Copayers
-  {{$root.wallet.requiredCopayers}} of {{$root.wallet.totalCopayers}}
+<div ng-controller="VideoController" class="copayers">
+  <div>
+    <h3>
+      <i class="fi-torsos-all size-24 m20r"></i>
+      Copayers
+      <small class="m15l">
+        {{$root.wallet.requiredCopayers}} of {{$root.wallet.totalCopayers}}
+      </small>
+    </h3>
+  </div>
+  
 
   <ul class="copayer-list" ng-repeat="copayer in copayers">
-    <li>
+    <li tooltip="ID: {{copayer.peerId}}" tooltip-placement="top">
       <video
         ng-if="hasVideo(copayer)"
         peer="{{copayer}}" avatar autoplay
@@ -11,15 +19,13 @@
         ng-src="{{getVideoURL(copayer)}}"></video>
 
       <img 
-        class="no-video"
+        class="br100 oh no-video m20r"
         ng-if="!hasVideo(copayer)"
         ng-class="isConnected(copayer) ? 'online' : 'offline'"
         src="./img/satoshi.gif"
         alt="{{copayer}}">
 
-      <span
-        tooltip="ID: {{copayer.peerId}}" 
-        tooltip-placement="bottom">
+      <span>
         <span ng-show="copayer.index == 0">you</span>
         <span ng-show="copayer.index > 0">{{copayer.nick}}</span>
       </span>

views/includes/sidebar.html

@@ -1,5 +1,5 @@
 <div ng-controller="SidebarController">
-  <header class="text-center">
+  <header class="text-center p20">
     <a href="/" class="db">
       <img src="../img/logo-negative-beta.svg" alt="" width="100">
     </a>
@@ -39,14 +39,14 @@
         tooltip-placement="bottom">{{availableBalance || 0|noFractionNumber}} {{$root.unitName}}
       </span>
     </div>
-    <div class="m10v box-livenet">
+    <div class="m10t box-livenet">
       <small ng-if="$root.wallet.getNetworkName()=='livenet'">LIVENET</small>
       <small ng-if="$root.wallet.getNetworkName()=='testnet'">TESTNET</small>
     </div>
   </header>
   <ul class="side-nav">
     <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"> 
+      <a href="{{item.link}}" ng-click="toggleCollapse()" class="db p20h"> 
         <i class="size-24 m20r {{item.icon}}"></i> {{item.title}}
         <span class="label alert round" ng-if="item.link=='#/transactions' && $root.pendingTxCount > 0">{{$root.pendingTxCount}}</span>
       </a>