From 6eb032b6974803b82f187bf14582240c701f6f04 Mon Sep 17 00:00:00 2001
From: Jonathan Prusik <jprusik@users.noreply.github.com>
Date: Tue, 9 May 2023 19:45:35 -0400
Subject: [PATCH] [PM-1884] Address vault ui long name overflow and vertical
 letter cutoff (#5345)

* address vault ui long name overflow and vertical letter cutoff

* address vertical icon placement in item row
---
 .../components/vault-items/vault-cipher-row.component.html  | 6 +++---
 .../vault-items/vault-collection-row.component.html         | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/app/vault/components/vault-items/vault-cipher-row.component.html b/apps/web/src/app/vault/components/vault-items/vault-cipher-row.component.html
index 5e9b834247..664b3bbc38 100644
--- a/apps/web/src/app/vault/components/vault-items/vault-cipher-row.component.html
+++ b/apps/web/src/app/vault/components/vault-items/vault-cipher-row.component.html
@@ -19,7 +19,7 @@
   <div class="tw-inline-flex tw-w-full">
     <button
       bitLink
-      class="tw-overflow-hidden tw-text-ellipsis tw-text-start"
+      class="tw-overflow-hidden tw-text-ellipsis tw-text-start tw-leading-snug"
       [disabled]="disabled"
       [routerLink]="[]"
       [queryParams]="{ itemId: cipher.id }"
@@ -31,7 +31,7 @@
     </button>
     <ng-container *ngIf="cipher.hasAttachments">
       <i
-        class="bwi bwi-paperclip tw-ml-2"
+        class="bwi bwi-paperclip tw-ml-2 tw-leading-normal"
         appStopProp
         title="{{ 'attachments' | i18n }}"
         aria-hidden="true"
@@ -39,7 +39,7 @@
       <span class="sr-only">{{ "attachments" | i18n }}</span>
       <ng-container *ngIf="showFixOldAttachments">
         <i
-          class="bwi bwi-exclamation-triangle tw-ml-2 tw-text-warning"
+          class="bwi bwi-exclamation-triangle tw-ml-2 tw-leading-normal tw-text-warning"
           appStopProp
           title="{{ 'attachmentsNeedFix' | i18n }}"
           aria-hidden="true"
diff --git a/apps/web/src/app/vault/components/vault-items/vault-collection-row.component.html b/apps/web/src/app/vault/components/vault-items/vault-collection-row.component.html
index 43162c9366..5926902a92 100644
--- a/apps/web/src/app/vault/components/vault-items/vault-collection-row.component.html
+++ b/apps/web/src/app/vault/components/vault-items/vault-collection-row.component.html
@@ -19,7 +19,7 @@
     bitLink
     [disabled]="disabled"
     type="button"
-    class="tw-w-full tw-overflow-hidden tw-text-ellipsis tw-text-start"
+    class="tw-w-full tw-truncate tw-text-start tw-leading-snug"
     linkType="secondary"
     title="{{ 'viewCollectionWithName' | i18n : collection.name }}"
     [routerLink]="[]"