restyle of menu

css/_connection-info.scss

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

css/_jitsi_popover.scss

     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

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

css/themes/_light.scss

 
 // Popover colors
 $popoverBg: #000;
-$popoverFontColor: #ffffff;
+$popoverFontColor: #ffffff;
+$popupMenuSelectedItemBackground: rgba(256, 256, 256, .2);