Visual styling tweaks for the editor select menu.

Author: johnbillion

assets/_styles.scss

@@ -1186,6 +1186,7 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
 	}
 
 	.qm-title-heading select,
+	.qm select.qm-select,
 	.qm select.qm-filter {
 		-webkit-appearance: menulist !important;
 		-moz-appearance: menulist !important;
@@ -1209,10 +1210,18 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
 		max-width: unset !important;
 	}
 
+	.qm select.qm-select:hover,
 	.qm select.qm-filter:hover {
 		background: var( --qm-cell-bg-hover ) !important;
 	}
 
+	.qm select.qm-select {
+		margin: 0 !important;
+		padding: 4px 10px 4px 4px !important;
+		border-radius: 2px !important;
+		max-width: none !important;
+	}
+
 	.qm-hide,
 	.qm-hide-scripts-dependencies,
 	.qm-hide-styles-dependencies,

dispatchers/Html.php

@@ -577,7 +577,7 @@ protected function after_output() {
 			echo '<p>' . esc_html__( 'You can set your editor here, so that when you click on stack trace links the file opens in your editor.', 'query-monitor' ) . '</p>';
 
 			echo '<p>';
-			echo '<select id="qm-editor-select" name="qm-editor-select" class="qm-filter">';
+			echo '<select id="qm-editor-select" name="qm-editor-select" class="qm-select">';
 
 			$xdebug_format = ini_get( 'xdebug.file_link_format' );
 			$default_label = ! empty( $xdebug_format ) ? 'Xdebug format' : 'None';