Fixes: tooltips position. copy peerId from sidebar

css/main.css

@@ -671,8 +671,6 @@ ul.pagination li.current a:hover, ul.pagination li.current a:focus {
   -moz-border-radius: 3px; 
   border-radius: 3px; 
   border: 1px solid #16A085;
-  text-overflow: ellipsis;
-  overflow-y: hidden;
 }
 
 .tooltip>.nub {
@@ -688,6 +686,11 @@ ul.pagination li.current a:hover, ul.pagination li.current a:focus {
   border-color:transparent transparent transparent #16A085;
 }
 
+.has-tip {
+  color: #7A8C9E;
+  border-color: #7A8C9E;
+}
+
 .logo {
   background: transparent url('../img/logo-negative-beta.svg') no-repeat;
   background-size: 130px 51px;

views/includes/peer-list.html

@@ -11,7 +11,7 @@
   
 
   <ul class="copayer-list" ng-repeat="copayer in copayers">
-    <li tooltip="ID: {{copayer.peerId}}" tooltip-placement="top">
+    <li class="ellipsis">
       <video
         ng-if="hasVideo(copayer)"
         peer="{{copayer}}" avatar autoplay
@@ -25,10 +25,9 @@
         src="./img/satoshi.gif"
         alt="{{copayer}}">
 
-      <span>
+      <span ng-show="copayer.index == 0">you</span>
-        <span ng-show="copayer.index == 0">you</span>
+      <span ng-show="copayer.index > 0">{{copayer.nick}}</span>
-        <span ng-show="copayer.index > 0">{{copayer.nick}}</span>
+      <span class="btn-copy" clip-copy="copayer.peerId"></span>
-      </span>
     </li>
   </ul>
 </div>

views/includes/sidebar.html

@@ -25,7 +25,9 @@
         <i class="fi-bitcoin-circle icon-rotate spinner"></i>
       </span>
       <span ng-if="!$root.updatingBalance"
+        class="has-tip"
         data-options="disable_for_touch:true"
+        tooltip-popup-delay='500'
         tooltip="{{totalBalanceBTC || 0 |noFractionNumber:8}} BTC"
         tooltip-trigger="mouseenter"
         tooltip-placement="bottom">{{totalBalance || 0
@@ -37,7 +39,9 @@
         <i class="fi-bitcoin-circle icon-rotate spinner"></i>
       </span>
       <span ng-show="!$root.updatingBalance"
+        class="has-tip"
         data-options="disable_for_touch:true"
+        tooltip-popup-delay='500'
         tooltip="{{availableBalanceBTC || 0 |noFractionNumber:8}} BTC"
         tooltip-trigger="mouseenter"
         tooltip-placement="bottom">{{availableBalance || 0|noFractionNumber}} {{$root.unitName}}

views/join.html

@@ -46,7 +46,8 @@
             check-strength="passwordStrength"
             tooltip-html-unsafe="Password strength: 
             <i>{{passwordStrength}}</i><br/><span class='size-12'>Tip: Use lower and uppercase,
-              numbers and symbols</span>" tooltip-trigger="focus" required>
+              numbers and symbols</span>" tooltip-trigger="focus" 
+              tooltip-placement="left" required>
 
             <input type="password" 
             placeholder="Repeat password"