Improve homeserver dropdown dialog styling (#8850)

Author: justjanne

res/css/structures/_GenericDropdownMenu.scss

@@ -72,7 +72,7 @@ limitations under the License.
         height: 0;
         margin-left: 4px;
         margin-right: 19px;
-        border-top: 1px solid $system;
+        border-top: 1px solid $quinary-content;
     }
 
     .mx_GenericDropdownMenu_Option {
@@ -102,7 +102,7 @@ limitations under the License.
 
         &.mx_GenericDropdownMenu_Option--item {
             &:hover {
-                background-color: $event-selected-color;
+                background-color: $menu-selected-color;
             }
 
             &[aria-checked="true"]::before {

res/css/views/directory/_NetworkDropdown.scss

@@ -15,7 +15,39 @@ limitations under the License.
 */
 
 .mx_NetworkDropdown_wrapper .mx_ContextualMenu {
-    min-width: 200px;
+    .mx_GenericDropdownMenu_Option {
+        &.mx_GenericDropdownMenu_Option--header {
+            padding-top: $spacing-12;
+            padding-bottom: $spacing-4;
+            min-width: 160px;
+        }
+
+        &.mx_GenericDropdownMenu_Option--item {
+            padding-top: $spacing-4;
+            padding-bottom: $spacing-4;
+
+            > .mx_GenericDropdownMenu_Option--label span:first-child {
+                font-weight: normal;
+            }
+        }
+
+        > .mx_GenericDropdownMenu_Option--label {
+            flex-direction: row;
+            align-items: baseline;
+            align-content: baseline;
+            color: $primary-content;
+
+            span:not(:first-child) {
+                margin-left: $spacing-4;
+                color: $secondary-content;
+            }
+        }
+    }
+
+    .mx_GenericDropdownMenu_divider {
+        margin-top: $spacing-4;
+        margin-bottom: $spacing-4;
+    }
 }
 
 .mx_NetworkDropdown_addServer {
@@ -28,7 +60,7 @@ limitations under the License.
     display: inline-block;
     width: 16px;
     height: 16px;
-    background: $system;
+    background: $quinary-content;
     border-radius: 8px;
     text-align: center;
     line-height: 16px;