From b011303660566ef2d3ad322b799744998f5cdeaf Mon Sep 17 00:00:00 2001
From: lilydjwg <lilydjwg@gmail.com>
Date: Tue, 2 Aug 2022 20:40:58 +0800
Subject: [PATCH] input borders order and collapse

---
 src/App.svelte | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/App.svelte b/src/App.svelte
index ead3ab0..9700b29 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -257,6 +257,11 @@
 
   #searchbox {
     display: flex;
+    margin-left: 1px;
+  }
+  #searchbox > :global(*) {
+    /* make borders collapse */
+    margin-left: -1px;
   }
   #searchbox input[type="search"] {
     flex-grow: 1;
@@ -297,6 +302,8 @@
   :global(select:focus) {
     border-color: var(--color-active);
     outline: 1px solid var(--color-active);
+    /* make focus border topmost */
+    z-index: 10;
   }
   :global(:root) {
     --color-inactive: #bfbfbf;