From 560216b6a185a12d447df47435df3b3dc3ee083e Mon Sep 17 00:00:00 2001
From: Penar Musaraj <pmusaraj@gmail.com>
Date: Mon, 18 Oct 2021 20:01:08 -0400
Subject: [PATCH] UX: Adjust quick search input width (#14640)

Ensures input takes up all available space (without contents overlapping icons).
---
 app/assets/stylesheets/common/base/search-menu.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

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