diff --git a/public/styles/layout.css b/public/styles/layout.css index 4e1f9a0..a7fa983 100755 --- a/public/styles/layout.css +++ b/public/styles/layout.css @@ -287,7 +287,7 @@ background-color: var(--color-surface); z-index: calc(var(--z-nav) + 3); display: flex; - flex-direction: column-reverse; + flex-direction: column; transform: translateY(100%); transition: transform 0.25s var(--ease-out); } @@ -300,8 +300,8 @@ display: flex; align-items: center; gap: var(--space-3); - padding: var(--space-3) var(--space-4) calc(var(--space-4) + var(--safe-area-inset-bottom)); - border-top: 1px solid var(--color-border-subtle); + padding: calc(var(--space-3) + var(--safe-area-inset-top)) var(--space-4) var(--space-3); + border-bottom: 1px solid var(--color-border-subtle); } .search-overlay__input { @@ -343,8 +343,7 @@ .search-overlay__results { flex: 1; overflow-y: auto; - padding: var(--space-4) var(--space-4) var(--space-2); - padding-top: calc(var(--space-4) + var(--safe-area-inset-top)); + padding: var(--space-3) var(--space-4) calc(var(--space-4) + var(--safe-area-inset-bottom)); } .search-overlay__empty {