From 372fb469c889cf4e2372fd1335cc7884c3f265bd Mon Sep 17 00:00:00 2001
From: Gustavo Maximiliano Cortez <cmgustavo83@gmail.com>
Date: Fri, 18 Jul 2014 10:34:02 -0300
Subject: [PATCH] fix video

---
 css/main.css              | 15 ++++++++++++---
 index.html                |  2 +-
 views/includes/video.html | 38 ++++++++++++++++++++------------------
 3 files changed, 33 insertions(+), 22 deletions(-)

diff --git a/css/main.css b/css/main.css
index c1852c9b9..563f33c23 100644
--- a/css/main.css
+++ b/css/main.css
@@ -527,8 +527,17 @@ button[disabled].warning:focus,
   margin-left: 0;
 }
 
+.video-box {
+  width: 90px;
+  text-align: center;
+  margin-right: 10px;
+  padding-bottom: 5px;
+  float: left;
+}
 
+.video-small {
+  width: 50px;
+  height: 50px;
+}
 
-
-
-/*-----------------------------------------------------------------*/
\ No newline at end of file
+/*-----------------------------------------------------------------*/
diff --git a/index.html b/index.html
index dc7f47cb5..9fd448760 100644
--- a/index.html
+++ b/index.html
@@ -66,6 +66,7 @@
   <script src="js/services/isMobile.js"></script>
   <script src="js/services/uriHandler.js"></script>
 
+  <script src="js/controllers/video.js"></script>
   <script src="js/controllers/sidebar.js"></script>
   <script src="js/controllers/addresses.js"></script>
   <script src="js/controllers/transactions.js"></script>
@@ -76,7 +77,6 @@
   <script src="js/controllers/import.js"></script>
   <script src="js/controllers/settings.js"></script>
   <script src="js/controllers/uriPayment.js"></script>
-  <script src="js/controllers/video.js"></script>
 
   <script src="js/init.js"></script>
 </body>
diff --git a/views/includes/video.html b/views/includes/video.html
index 651181d9c..45a7127f0 100644
--- a/views/includes/video.html
+++ b/views/includes/video.html
@@ -1,28 +1,30 @@
 <div 
-  class="bottom-copay" 
+  class="video-box"
   ng-controller="VideoController"
-  ng-repeat="c in $root.wallet.getRegisteredPeerIds()" 
-  tooltip="ID: {{c.peerId}}" 
-  tooltip-placement="left">
-  <video ng-if="$root.videoInfo[c.peerId]"
-    avatar peer="{{c}}"
+  ng-repeat="c in $root.wallet.getRegisteredPeerIds()">
+  <video 
+    ng-if="$root.videoInfo[c.peerId]"
+    avatar 
+    peer="{{c}}"
     autoplay
     ng-class="($root.wallet.getOnlinePeerIDs().indexOf(c.peerId) != -1) ? 'online' : 'offline'"
     ng-src="{{getVideoURL(c.peerId)}}"
     ></video>
-  <img ng-if="!$root.videoInfo[c.peerId]"
-  avatar peer="{{c}}"
-  ng-class="($root.wallet.getOnlinePeerIDs().indexOf(c.peerId) != -1) ? 'online' : 'offline'"
-  src="./img/satoshi.gif"
-  alt="{{c}}"
-  />
-  <div class="size-12 text-center text-gray">
+  <img 
+    class="no-video"
+    ng-if="!$root.videoInfo[c.peerId]"
+    avatar 
+    peer="{{c}}"
+    ng-class="($root.wallet.getOnlinePeerIDs().indexOf(c.peerId) != -1) ? 'online' : 'offline'"
+    src="./img/satoshi.gif"
+    alt="{{c}}">
+  <div 
+    tooltip="ID: {{c.peerId}}" 
+    tooltip-placement="bottom">
     <span ng-show="c.index==0">you</span>
     <span ng-show="c.index>0">{{c.nick}}</span>
-    <span class="success label" ng-show="$root.wallet.publicKeyRing.isBackupReady(c.copayerId)">
-      Backup ready
-    </span>
-    <small>[ID: {{c.peerId}}]</small>
+  </div>
+  <div class="success label" ng-show="$root.wallet.publicKeyRing.isBackupReady(c.copayerId)">
+    Backup ready
   </div>
 </div>
-