fix video

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;
+}
 
-
-
-/*-----------------------------------------------------------------*/
+/*-----------------------------------------------------------------*/

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>

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>
-