From d8bf72a435af6c2530e9a31f5e1b371bd957d2f2 Mon Sep 17 00:00:00 2001
From: Raymond Hill <rhill@raymondhill.net>
Date: Fri, 8 May 2020 06:38:23 -0400
Subject: [PATCH] Minor fine-tuning of visual of `select` elements

Additionally, have the width of the page selector
in the logger proportional to the width of the
logger -- this should improve usability on small
screen devices.
---
 src/css/common.css    | 7 -------
 src/css/logger-ui.css | 4 ++--
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/src/css/common.css b/src/css/common.css
index 05c82b0cc..ccf3e2dee 100644
--- a/src/css/common.css
+++ b/src/css/common.css
@@ -205,13 +205,6 @@ label {
 select {
     padding: 2px;
     }
-:root.desktop select {
-    appearance: none;
-    --webkit-appearance: none;
-    background-color: var(--select-surface);
-    font: inherit;
-    font-size: var(--font-size);
-    }
 
 .hidden {
     display: none;
diff --git a/src/css/logger-ui.css b/src/css/logger-ui.css
index 9f8818e7e..104f98c7d 100644
--- a/src/css/logger-ui.css
+++ b/src/css/logger-ui.css
@@ -37,8 +37,9 @@ textarea {
     background-color: #eee;
     }
 #pageSelector {
+    min-width: 10em;
     padding: 0.25em 0;
-    width: 28em;
+    width: 50vw;
     }
 body[dir="ltr"] #pageSelector {
     margin-right: 1em;
@@ -518,7 +519,6 @@ body[dir="rtl"] #modalOverlay > div > div:nth-of-type(2) {
 #netFilteringDialog select {
     max-width: 75%;
     outline: none;
-    padding: 0.2em;
 }
 #netFilteringDialog > .preview {
     align-items: center;