restyle of menu

css/_connection-info.scss

@@ -12,7 +12,8 @@
 .connection-info
 {
     float: left;
-    padding-bottom: 5px;
+    padding: 5px;
+    padding-left: 0;
     @extend %connection-info;
 
     > table {

css/_jitsi_popover.scss

@@ -6,12 +6,10 @@
     display: none;
     max-width: 300px;
     min-width: 100px;
-    padding: 1px;
     text-align: left;
     color: $popoverFontColor;
     background-color: $popoverBg;
     background-clip: padding-box;
-    border: 1px solid $popoverBg;
     border-radius: 3px;
     /*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
     /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);*/

css/_popup_menu.scss

@@ -1,7 +1,7 @@
 /*Initialize*/
 ul.popupmenu {
-    padding: 0px 10px 0px 10px;
-    margin: 0;
+    padding: 0;
+    margin: 2px 0;
     bottom: 0;
     width: 100px;
     height: auto;
@@ -13,8 +13,7 @@ ul.popupmenu li {
 }
 
 ul.popupmenu li:hover {
-    background-color: rgba(256, 256, 256, .2);
-    border-radius:3px;
+    background-color: $popupMenuSelectedItemBackground;
 }
 
 /*Link Appearance*/

css/themes/_light.scss

@@ -53,4 +53,5 @@ $dropdownColor: #333;
 
 // Popover colors
 $popoverBg: #000;
-$popoverFontColor: #ffffff;
+$popoverFontColor: #ffffff;
+$popupMenuSelectedItemBackground: rgba(256, 256, 256, .2);