Improved design of menu to handle servers #72

kdb-web/src/styles/primeng-fixes.scss

@@ -6,14 +6,17 @@
     }
 }
 
-.p-menu {
+.p-menu,
+.p-panelmenu {
     background: none !important;
     border: none !important;
     width: auto !important;
     border-radius: 0px !important;
     padding: 0 !important;
 
-    .p-menuitem-link {
+    .p-menuitem-link,
+    .p-panelmenu-header > a,
+    .p-panelmenu-content .p-menuitem .p-menuitem-link {
         $distance: 10px;
         padding: $distance 0px $distance $distance !important;
         margin: 4px 0px 4px 6px !important;
@@ -24,6 +27,31 @@
     top: $headerHeight !important;
 }
 
+.p-panelmenu {
+    .p-panelmenu-icon {
+        order: 1; // to be the first item on right side.
+    }
+    .p-menuitem-text {
+        flex-grow: 1; // to fill the whole space and push the icon to the end
+    }
+
+    .p-panelmenu-header > a {
+        border: none !important;
+        border-radius: none !important;
+        font-weight: none !important;
+        transition: none !important;
+    }
+
+    .p-panelmenu-content {
+        border: none !important;
+        background: none !important;
+    }
+
+    .p-menuitem-text {
+        line-height: normal !important;
+    }
+}
+
 ui-menu .ui-menu-parent .ui-menu-child {
     width: 400px; /* exagerated !! */
 }