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;