UX: Adjust quick search input width (#14640)

Ensures input takes up all available space (without contents overlapping icons).
2021-10-18 20:01:08 -04:00 · 2021-10-18 20:01:08 -04:00 · 560216b6a1
parent 919a9a902a
commit 560216b6a1
1 changed files with 4 additions and 1 deletions
--- a/app/assets/stylesheets/common/base/search-menu.scss
+++ b/app/assets/stylesheets/common/base/search-menu.scss
@ -28,13 +28,16 @@ $search-pad-horizontal: 0.5em;
    input#search-term {
      border-width: 0;
      margin-bottom: 0;
+      width: auto;
+      flex-grow: 1;
+      padding-right: 50px;
      &:focus {
        outline: none;
      }
    }

    .btn {
-      margin-left: 1px;
+      margin: 2px;
    }
    &:focus-within {
      @include default-focus;