From 40748c73909e94af9add50856bc1ed466733a6d4 Mon Sep 17 00:00:00 2001
From: Steve Golton <stevegolton@google.com>
Date: Mon, 22 Jul 2024 15:40:40 +0100
Subject: [PATCH] ui: TagInput - make `input` element fill remaining space
 after the tags

This was previously implemented on top of `TagInput` in flamegraph's
CSS so this has been been removed.

Change-Id: Ib4ec05ddba598ae288e55c8d35b13c5b16204741
---
 ui/src/assets/widgets/flamegraph.scss | 5 -----
 ui/src/assets/widgets/tag_input.scss  | 4 ++++
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/ui/src/assets/widgets/flamegraph.scss b/ui/src/assets/widgets/flamegraph.scss
index 4071cf95e6..edbdf9cd35 100644
--- a/ui/src/assets/widgets/flamegraph.scss
+++ b/ui/src/assets/widgets/flamegraph.scss
@@ -30,13 +30,8 @@
     display: flex;
 
     .pf-tag-input {
-      display: flex;
       flex-grow: 1;
       margin-left: 8px;
-
-      input {
-        flex-grow: 1;
-      }
     }
   }
 
diff --git a/ui/src/assets/widgets/tag_input.scss b/ui/src/assets/widgets/tag_input.scss
index 2bb0e58d6c..37d7c6826d 100644
--- a/ui/src/assets/widgets/tag_input.scss
+++ b/ui/src/assets/widgets/tag_input.scss
@@ -15,6 +15,9 @@
 @import "theme";
 
 .pf-tag-input {
+  display: flex;
+  align-items: baseline;
+  flex-wrap: wrap;
   font-family: $pf-font;
   font-size: inherit;
   outline: none; // Disable the default outline
@@ -35,6 +38,7 @@
     background: none;
     font-family: inherit;
     font-size: inherit;
+    flex-grow: 1;
   }
 
   i {