From 2c20d591e0daedd24e92e6f9dfc8f18da116bd35 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 2 Jul 2026 16:28:49 +0000
Subject: [PATCH 1/3] Fix dropdown theming to match dark theme

---
 public/css/style.css | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index bb75912..ea5410b 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -56,7 +56,8 @@ label {
 	color: var(--muted);
 }
 
-input {
+input,
+select {
 	width: 100%;
 	padding: 10px 12px;
 	margin-bottom: 16px;
@@ -67,7 +68,24 @@ input {
 	font-size: 14px;
 }
 
-input:focus {
+select {
+	appearance: none;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b93a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
+	background-repeat: no-repeat;
+	background-position: right 10px center;
+	background-size: 16px;
+	padding-right: 32px;
+}
+
+select option {
+	background: var(--panel);
+	color: var(--text);
+}
+
+input:focus,
+select:focus {
 	outline: none;
 	border-color: var(--accent);
 }
@@ -285,6 +303,10 @@ button.danger {
 	padding: 6px 8px;
 }
 
+.reader-card .field select {
+	padding-right: 28px;
+}
+
 .reader-card .actions {
 	display: flex;
 	flex-wrap: wrap;

From 7748e45cb6ec27c16f999126be5c8fa8e43d444d Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 2 Jul 2026 16:29:31 +0000
Subject: [PATCH 2/3] Add clarifying comments for select styling

---
 public/css/style.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/public/css/style.css b/public/css/style.css
index ea5410b..63eb9ed 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -72,6 +72,7 @@ select {
 	appearance: none;
 	-webkit-appearance: none;
 	-moz-appearance: none;
+	/* Chevron stroke color is #8b93a7, matching --muted (data URIs can't reference CSS variables). */
 	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b93a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
 	background-repeat: no-repeat;
 	background-position: right 10px center;
@@ -304,6 +305,7 @@ button.danger {
 }
 
 .reader-card .field select {
+	/* Keep room for the chevron icon within the narrow 90px width. */
 	padding-right: 28px;
 }
 

From 709e1653546a96f97d299d1bedf30e805f003216 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 2 Jul 2026 16:37:34 +0000
Subject: [PATCH 3/3] Fix select vertical offset in inline forms

---
 public/css/style.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/css/style.css b/public/css/style.css
index 63eb9ed..5e532c6 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -363,7 +363,8 @@ button.danger {
 	margin-bottom: 4px;
 }
 
-.inline-form input {
+.inline-form input,
+.inline-form select {
 	margin-bottom: 0;
 }