From 73e6d1d038db51b7174dda94d417e7ad461c8639 Mon Sep 17 00:00:00 2001
From: JonasPeres <jonasperes10@hotmail.com>
Date: Mon, 17 Jun 2024 12:37:28 -0300
Subject: [PATCH] Fix sq-select-multi-tags wrap

---
 .../sq-select-multi-tags.component.html                    | 3 ++-
 .../sq-select-multi-tags.component.scss                    | 7 +++----
 src/package.json                                           | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/sq-select-multi-tags/sq-select-multi-tags.component.html b/src/components/sq-select-multi-tags/sq-select-multi-tags.component.html
index 345dc81..d2cf358 100644
--- a/src/components/sq-select-multi-tags/sq-select-multi-tags.component.html
+++ b/src/components/sq-select-multi-tags/sq-select-multi-tags.component.html
@@ -56,7 +56,7 @@
         <span *ngIf="!value?.length || !showInside">{{ placeholder }}</span>
         <div class="input-fake-content-text" *ngIf="showInside && value?.length">
           <span class="tag" *ngFor="let opt of value; let i = index" (click)="removeItem(opt, $event)">
-            {{ opt?.label }} <i *ngIf="!readonly" class="fas fa-times"></i>
+            {{ opt?.label }} <i *ngIf="!readonly" class="fas fa-times" [style.minWidth]="'auto'"></i>
           </span>
         </div>
         <span *ngIf="value?.length" class="badge">{{ value!.length }}</span>
@@ -129,6 +129,7 @@
         *ngIf="verifyIfOptionsHasChildren(options)"
       ></i>
       <sq-selector
+        [style.minWidth]="'auto'"
         [id]="(id || name) + '-checkbox-' + opt?.value + '-' + i"
         [name]="name + '-checkbox'"
         [value]="opt?.value"
diff --git a/src/components/sq-select-multi-tags/sq-select-multi-tags.component.scss b/src/components/sq-select-multi-tags/sq-select-multi-tags.component.scss
index 15a920c..91333de 100644
--- a/src/components/sq-select-multi-tags/sq-select-multi-tags.component.scss
+++ b/src/components/sq-select-multi-tags/sq-select-multi-tags.component.scss
@@ -140,11 +140,10 @@
     width: 100%;
 
     li {
-      margin: 0;
-      min-height: 30px;
-      flex-flow: row wrap;
+      margin: 0 0 0.5rem;
       display: flex;
-      align-items: center;
+      flex-wrap: nowrap;
+      align-items: baseline;
       justify-content: flex-start;
       transition: var(--transition);
     }
diff --git a/src/package.json b/src/package.json
index f42d631..b139789 100644
--- a/src/package.json
+++ b/src/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@squidit/ngx-css",
-  "version": "1.3.35",
+  "version": "1.3.36",
   "peerDependencies": {
     "@angular/common": ">=15.0.0",
     "@angular/core": ">=15.0.0",