[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

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"

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]="[]"