From c892480086891e0e311bb42015d750ab7ef19506 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Thu, 16 Aug 2018 08:46:49 -0400
Subject: [PATCH] wrap cipher list details for long names

---
 src/app/vault/ciphers.component.html | 2 +-
 src/scss/styles.scss                 | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/vault/ciphers.component.html b/src/app/vault/ciphers.component.html
index 9c60fcd15d..61a09c937f 100644
--- a/src/app/vault/ciphers.component.html
+++ b/src/app/vault/ciphers.component.html
@@ -8,7 +8,7 @@
                 <td (click)="checkCipher(c)" class="table-list-icon">
                     <app-vault-icon [cipher]="c"></app-vault-icon>
                 </td>
-                <td (click)="checkCipher(c)" class="reduced-lh">
+                <td (click)="checkCipher(c)" class="reduced-lh wrap">
                     <a href="#" appStopClick appStopProp (click)="selectCipher(c)" title="{{'editItem' | i18n}}">{{c.name}}</a>
                     <i class="fa fa-share-alt" appStopProp *ngIf="!organization && c.organizationId" title="{{'shared' | i18n}}"></i>
                     <i class="fa fa-paperclip" appStopProp *ngIf="c.hasAttachments" title="{{'attachments' | i18n}}"></i>
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 6b9de68322..68170e7ca8 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -319,6 +319,10 @@ label:not(.form-check-label):not(.btn) {
         }
     }
 
+    td.wrap {
+        word-break: break-all;
+    }
+
     td.table-list-options {
         width: 76px;
         max-width: 76px;