From 7a4c6b89cf7cfbc843cd8d7114da1a4002a29ef2 Mon Sep 17 00:00:00 2001
From: sg00dwin <sgoodwin@redhat.com>
Date: Fri, 22 Feb 2019 11:51:07 -0500
Subject: [PATCH] Truncate image names within table. Which tightens up the
 container table rows.

---
 frontend/public/components/pod.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/public/components/pod.jsx b/frontend/public/components/pod.jsx
index 1f56d74f65c..77b5bfaad2a 100644
--- a/frontend/public/components/pod.jsx
+++ b/frontend/public/components/pod.jsx
@@ -83,7 +83,7 @@ export const ContainerRow = ({pod, container}) => {
     <div className="col-lg-2 col-md-3 col-sm-4 col-xs-5">
       <ContainerLink pod={pod} name={container.name} />
     </div>
-    <div className="col-lg-2 col-md-3 col-sm-5 col-xs-7 co-break-all">{container.image || '-'}</div>
+    <div className="col-lg-2 col-md-3 col-sm-5 col-xs-7 co-truncate co-nowrap">{container.image || '-'}</div>
     <div className="col-lg-2 col-md-2 col-sm-3 hidden-xs"><StatusIcon status={cstate.label} /></div>
     <div className="col-lg-1 col-md-2 hidden-sm hidden-xs">{_.get(cstatus, 'restartCount', '0')}</div>
     <div className="col-lg-2 col-md-2 hidden-sm hidden-xs"><Timestamp timestamp={startedAt} /></div>