From 41ee5edfc0695f547af7418d238280f0ce8a6a17 Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Fri, 8 Aug 2014 11:22:12 -0300
Subject: [PATCH 1/2] fix left bar

---
 css/main.css                  | 49 ++++++++++++++++++++++++++++++++++-
 views/includes/peer-list.html | 20 ++++++++++++++
 views/includes/sidebar.html   |  2 +-
 3 files changed, 69 insertions(+), 2 deletions(-)

diff --git a/css/main.css b/css/main.css
index fb9e827d2..150401828 100644
--- a/css/main.css
+++ b/css/main.css
@@ -108,6 +108,10 @@ body, html{
   color: #2C3E50;
 }
 
+header {
+  padding: 15px 20px 5px;
+}
+
 .off-canvas-wrap, .inner-wrap{
     height:100%;   
 }
@@ -437,7 +441,7 @@ a:hover {
 
 .line-sidebar {
   border-top: 1px solid #34495E;
-  margin: 1rem 0;
+  margin: 0.7rem 0;
 }
 
 .line-sidebar-t {
@@ -1122,6 +1126,10 @@ a.text-warning:hover {color: #FD7262;}
 .btn-copy.zeroclipboard-is-hover { color: #000; }
 .btn-copy.zeroclipboard-is-active { opacity: 1; }
 
+.copayer-list-small-height {
+  display: none;
+}
+
 @media only screen and (min-width: 40.063em) {
   dialog.tiny, .reveal-modal.tiny {
     width: 50%;
@@ -1129,6 +1137,45 @@ a.text-warning:hover {color: #FD7262;}
   }
 }
 
+@media (max-height: 610px) {
+  .copayer-list {
+    display: none;
+  }
+
+  .copayer-list-small-height {
+    display: block;
+  }
+
+  .sidebar .copayer-list-small-height {
+    list-style-type: none;
+    padding:0; margin:0;
+  }
+
+  .sidebar .copayer-list-small-height li {
+    margin-top: 15px;
+    font-weight: 100;
+    font-size: 12px;
+    color: #C9C9C9;
+  }
+
+  .sidebar .copayer-list-small-height img {
+    width: 30px;
+    height: 30px;
+  }
+
+  .copayers {
+    padding: 10px 20px;
+  }
+
+  .side-bar h3 {
+    margin-top: 0;
+  }
+
+  .side-nav li {
+    line-height: 30px;
+  }
+}
+
 .wide-page {
   background-color: #2C3E50;
   margin: 10% 0;
diff --git a/views/includes/peer-list.html b/views/includes/peer-list.html
index 951039881..608425b4a 100644
--- a/views/includes/peer-list.html
+++ b/views/includes/peer-list.html
@@ -30,4 +30,24 @@
       <span class="btn-copy" clip-copy="copayer.peerId"></span>
     </li>
   </ul>
+  <div class="copayer-list-small-height" ng-repeat="copayer in copayers">
+    <span class="left">
+      <video
+        ng-if="hasVideo(copayer)"
+        peer="{{copayer}}" avatar autoplay
+        ng-class="isConnected(copayer) ? 'online' : 'offline'"
+        ng-src="{{getVideoURL(copayer)}}"></video>
+
+      <img 
+        class="br100 oh no-video m20r"
+        ng-if="!hasVideo(copayer)"
+        ng-class="isConnected(copayer) ? 'online' : 'offline'"
+        src="./img/satoshi.gif"
+        alt="{{copayer}}">
+
+      <!-- <span ng-show="copayer.index == 0">Me</span>
+      <span ng-show="copayer.index > 0">{{copayer.nick}}</span>
+      <span class="btn-copy" clip-copy="copayer.peerId"></span> -->
+    </span>
+  </div>
 </div>
diff --git a/views/includes/sidebar.html b/views/includes/sidebar.html
index 7803e25bd..05c6a6d7e 100644
--- a/views/includes/sidebar.html
+++ b/views/includes/sidebar.html
@@ -1,5 +1,5 @@
 <div ng-controller="SidebarController">
-  <header class="p20">
+  <header>
     <div class="text-center">
       <a href="#!/receive" class="db">
         <img src="img/logo-negative-beta.svg" alt="" width="100">

From 21a32c213ce52744f67baa4f98aaea5011f23f2c Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Mon, 11 Aug 2014 10:15:24 -0300
Subject: [PATCH 2/2] add tooltips

---
 views/includes/peer-list.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/views/includes/peer-list.html b/views/includes/peer-list.html
index 608425b4a..c46f04dab 100644
--- a/views/includes/peer-list.html
+++ b/views/includes/peer-list.html
@@ -31,7 +31,7 @@
     </li>
   </ul>
   <div class="copayer-list-small-height" ng-repeat="copayer in copayers">
-    <span class="left">
+    <span class="left" class="has-tip" tooltip-placement="top" tooltip="{{copayer.nick}}">
       <video
         ng-if="hasVideo(copayer)"
         peer="{{copayer}}" avatar autoplay