UX: Adjust quick search input width (#14640)

UX: Adjust quick search input width (#14640)

Ensures input takes up all available space (without contents overlapping icons).

diff --git a/app/assets/stylesheets/common/base/search-menu.scss b/app/assets/stylesheets/common/base/search-menu.scss
index 71fdb80..9b9a609 100644
--- 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;

GitHub sha: 560216b6a185a12d447df47435df3b3dc3ee083e

This commit appears in #14640 which was approved by tshenry. It was merged by tshenry.