From 5cc130e417376dbe61598d8c08d56c1cf72c6536 Mon Sep 17 00:00:00 2001
From: Mehdi Benadel <mehdi.benadel@gmail.com>
Date: Sun, 26 May 2024 05:32:01 +0200
Subject: [PATCH] Fixing tags input size in CSS

---
 assets/styles/configuration.scss | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/assets/styles/configuration.scss b/assets/styles/configuration.scss
index 5988260a..bf9d3c43 100644
--- a/assets/styles/configuration.scss
+++ b/assets/styles/configuration.scss
@@ -228,6 +228,7 @@ livechat-dynamic-table-form {
 
     td:last-child {
       vertical-align: middle;
+      min-width: 28px;
     }
 
     tbody tr:nth-child(odd) {
@@ -255,6 +256,7 @@ livechat-tags-input {
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
+  max-width: 320px;
 
   input {
     flex: 1;
@@ -262,6 +264,7 @@ livechat-tags-input {
     padding: var(--tag-padding-vertical) 0 0;
     color: inherit;
     background-color: inherit;
+    width: 100%;
 
     &:focus {
       outline: transparent;
@@ -273,6 +276,8 @@ livechat-tags-input {
     flex-wrap: wrap;
     padding: 0;
     margin: var(--tag-padding-vertical) 0 0;
+    max-height: 150px;
+    overflow-y: scroll;
   }
 
   .tag {
@@ -326,10 +331,4 @@ livechat-tags-input {
       cursor: pointer;
     }
   }
-
-  @media screen and (max-width: 567px) {
-    .tags-input {
-      width: calc(100vw - 32px);
-    }
-  }
 }