From 1d5045f35ab6b5fc1935409151654aec7229e28c Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Thu, 29 Jun 2023 16:56:41 +0200
Subject: [PATCH] fix(ui): more flag fixes

---
 .../app/components/shared/Filters/FilterItem/FilterItem.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/shared/Filters/FilterItem/FilterItem.tsx b/frontend/app/components/shared/Filters/FilterItem/FilterItem.tsx
index 18bc32727..8a023911d 100644
--- a/frontend/app/components/shared/Filters/FilterItem/FilterItem.tsx
+++ b/frontend/app/components/shared/Filters/FilterItem/FilterItem.tsx
@@ -60,7 +60,7 @@ function FilterItem(props: Props) {
   };
 
   return (
-    <div className="flex items-center hover:bg-active-blue -mx-5 px-5">
+    <div className="flex items-center hover:bg-active-blue -mx-5 px-5 h-10">
       <div className="flex items-start w-full">
         {!isFilter && (
           <div
@@ -103,13 +103,13 @@ function FilterItem(props: Props) {
               <>
                 {props.readonly ? (
                   <div
-                    className={'px-2 py-1 bg-gray-lightest'}
+                    className={'rounded bg-active-blue px-2 py-1 ml-2 whitespace-nowrap overflow-hidden text-clip'}
                   >
                     {filter.value.map((val: string) => {
                       return filter.options && filter.options.length
                         ? filter.options[filter.options.findIndex((i: any) => i.value === val)]?.label
                         : val
-                    })}
+                    }).join(', ')}
                   </div>
                 ) : (
                   <FilterValue filter={filter} onUpdate={props.onUpdate}/>