diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 2e9bf10..651ccff 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -248,6 +248,7 @@ align-items: center; gap: 0.6rem; padding: 0.6rem 1rem; + position: relative; } .brand { font-size: 1.15rem; @@ -420,5 +421,18 @@ height: 36px; font-size: 1.05rem; } + /* Beim Tippen auf engen Screens nach rechts ausdehnen + und die Action-Icons dahinter verschwinden lassen. */ + .nav-search-wrap:focus-within { + position: absolute; + top: 0.6rem; + bottom: 0.6rem; + left: calc(1rem + 1.6rem + 0.6rem); + right: 1rem; + z-index: 60; + } + .nav-search-wrap:focus-within .nav-search input { + background: white; + } } diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 9d2b580..9f07aea 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -87,7 +87,6 @@ inputmode="search" aria-label="Suchbegriff" /> - @@ -200,16 +199,6 @@ outline: 2px solid #2b6a3d; outline-offset: 1px; } - button { - padding: 0.9rem 1.25rem; - font-size: 1rem; - border-radius: 10px; - border: 0; - background: #2b6a3d; - color: white; - min-height: 48px; - cursor: pointer; - } .results, .recent { margin-top: 1.5rem;