Update styles for popover

css/_base.scss

 }
 
 .link {
+    cursor: pointer;
     color: $linkFontColor;
     @include transition(color .1s ease-out);
 

css/_variables.scss

+/**
+* Theme
+*/
+@import 'themes/main';
+
 /**
  * Style variables
  */
 
 // Toolbar
 $toolbarSelectBackground: rgba(0, 0, 0, .6);
+
 $toolbarBadgeBackground: #165ECC;
 $toolbarBadgeColor: #FFFFFF;
 $toolbarToggleBackground: #12499C;
-$splitterToolbarButtonLeftMargin: 0px;
 
 // Main controls
 $inputSemiBackground: rgba(132, 132, 132, .8);

css/_videolayout_default.scss

 .connection_info, .connection_info > table
 {
     text-align: left;
-    font-size: 11px;
-    color: #ffffff;
+    font-size: 12px;
+    font-weight: 400;
+    color: $auiDialogColor;
+
+    td {
+        padding: 5px 0;
+    }
 }
 
 #localVideoContainer>span.status:hover,

css/themes/_light.scss

 $hintFontSize: em(13, 14);
 $linkFontColor: #3572b0;
 $linkHoverFontColor: darken(#3572b0, 10%);
-$dropdownColor: #333;
+$dropdownColor: #333;
+
+// Popover colors
+$popoverArrowBorderColor: rgba(0, 0, 0, 0.25);
+$popoverArrowBorderColorFallback: #999999;
+$popoverBorderColor: rgba(0, 0, 0, 0.2);
+$popoverBorderColorFallback: #cccccc;

lang/main.json

     },
     "connectionindicator":
     {
+        "header": "Connection data",
         "bitrate": "Bitrate:",
         "packetloss": "Packet loss:",
         "resolution": "Resolution:",

modules/UI/UI.js

 
 UI.connectionIndicatorShowMore = function(id) {
     VideoLayout.showMore(id);
+    return false;
 };
 
 // FIXME check if someone user this