UX: Adjust quick search input width (#14640)

Ensures input takes up all available space (without contents overlapping icons).
This commit is contained in:
Penar Musaraj 2021-10-18 20:01:08 -04:00 committed by GitHub
parent 919a9a902a
commit 560216b6a1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -28,13 +28,16 @@ $search-pad-horizontal: 0.5em;
input#search-term { input#search-term {
border-width: 0; border-width: 0;
margin-bottom: 0; margin-bottom: 0;
width: auto;
flex-grow: 1;
padding-right: 50px;
&:focus { &:focus {
outline: none; outline: none;
} }
} }
.btn { .btn {
margin-left: 1px; margin: 2px;
} }
&:focus-within { &:focus-within {
@include default-focus; @include default-focus;