From f9b20d51ffe7b25373b53afcbc60b27a3e89cfba Mon Sep 17 00:00:00 2001
From: mirivlad <mirvtop@yandex.ru>
Date: Tue, 14 Jul 2026 23:47:51 +0800
Subject: [PATCH] fix: style plugin manager filter selects

---
 frontend/e2e/plugin-manager-layout.spec.js           | 6 ++++++
 frontend/src/lib/plugin-manager/PluginManager.svelte | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/frontend/e2e/plugin-manager-layout.spec.js b/frontend/e2e/plugin-manager-layout.spec.js
index 76ba4d3..82ae400 100644
--- a/frontend/e2e/plugin-manager-layout.spec.js
+++ b/frontend/e2e/plugin-manager-layout.spec.js
@@ -95,6 +95,12 @@ test.describe('E: Plugin Manager layout', () => {
 
     const results = page.locator('[data-plugin-filter-results]');
     await expect(results).toContainText('Showing');
+    const filterSelectStyle = await page.locator('[data-plugin-filter="status"]').evaluate((node) => {
+      const style = getComputedStyle(node);
+      return { appearance: style.appearance, backgroundImage: style.backgroundImage };
+    });
+    expect(filterSelectStyle.appearance).toBe('none');
+    expect(filterSelectStyle.backgroundImage).not.toBe('none');
 
     await page.locator('[data-plugin-filter="status"]').selectOption('disabled');
     await expect(page.locator('.plugin-card')).toHaveCount(1);
diff --git a/frontend/src/lib/plugin-manager/PluginManager.svelte b/frontend/src/lib/plugin-manager/PluginManager.svelte
index 6970966..e10cb06 100644
--- a/frontend/src/lib/plugin-manager/PluginManager.svelte
+++ b/frontend/src/lib/plugin-manager/PluginManager.svelte
@@ -773,9 +773,15 @@
     border: 1px solid #0f3460;
     border-radius: 5px;
     background: #16213e;
+    background-image: linear-gradient(45deg, transparent 50%, #a0a0b8 50%), linear-gradient(135deg, #a0a0b8 50%, transparent 50%);
+    background-position: calc(100% - 14px) 50%, calc(100% - 9px) 50%;
+    background-size: 5px 5px, 5px 5px;
+    background-repeat: no-repeat;
     color: #e0e0e0;
     font: inherit;
+    appearance: none;
   }
+  .filter-select option { background: #16213e; color: #e0e0e0; }
   .filter-select:focus { outline: 2px solid #533483; outline-offset: 1px; }
   .filter-options {
     min-width: 0;