From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Mon, 20 Jan 2025 15:43:39 +0000 (-0800)
Subject: Fix: fix long tag visual wrapping (#8833)
X-Git-Tag: v2.14.5~1^2~6
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=475c231c6f495b7fa8aa984e2e2d9b30b6261e85;p=thirdparty%2Fpaperless-ngx.git

Fix: fix long tag visual wrapping (#8833)
---

diff --git a/src-ui/src/app/components/common/input/tags/tags.component.html b/src-ui/src/app/components/common/input/tags/tags.component.html
index d5d5c4a7d5..23c680dd0b 100644
--- a/src-ui/src/app/components/common/input/tags/tags.component.html
+++ b/src-ui/src/app/components/common/input/tags/tags.component.html
@@ -17,7 +17,7 @@
           (change)="onChange(value)">
 
           <ng-template ng-label-tmp let-item="item">
-            <button class="tag-wrap btn p-0" (click)="removeTag($event, item.id)" title="Remove tag" i18n-title>
+            <button class="tag-wrap btn p-0 d-flex align-items-center" (click)="removeTag($event, item.id)" title="Remove tag" i18n-title>
               <i-bs name="x" style="margin-inline-end: 1px;"></i-bs>
               @if (item.id && tags) {
                 <pngx-tag style="background-color: none;" [tag]="getTag(item.id)"></pngx-tag>
diff --git a/src-ui/src/app/components/common/tag/tag.component.scss b/src-ui/src/app/components/common/tag/tag.component.scss
index 3de7e7f13c..5dc28b65f2 100644
--- a/src-ui/src/app/components/common/tag/tag.component.scss
+++ b/src-ui/src/app/components/common/tag/tag.component.scss
@@ -1,8 +1,8 @@
-a {
+a, span {
     cursor: pointer;
     white-space: normal;
     word-break: break-word;
-    text-align: end;
+    text-align: start;
 }
 
 .private {