From 968e09ab12059ab72d2b03f6b3d50045bd3d9407 Mon Sep 17 00:00:00 2001
From: Sean Li <mail@shang.li>
Date: Fri, 20 Feb 2015 14:07:57 -0800
Subject: [PATCH] Container list item tweak.

---
 src/ContainerListItem.react.js | 13 ++++++++++++-
 styles/left-panel.less         |  2 +-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/ContainerListItem.react.js b/src/ContainerListItem.react.js
index 4899b609..c41e1060 100644
--- a/src/ContainerListItem.react.js
+++ b/src/ContainerListItem.react.js
@@ -36,7 +36,18 @@ var ContainerListItem = React.createClass({
   render: function () {
     var self = this;
     var container = this.props.container;
-    var imageName = container.Config.Image;
+    var imageNameTokens = container.Config.Image.split('/');
+    var repo;
+    if (imageNameTokens.length > 1) {
+      repo = imageNameTokens[1];
+    } else {
+      repo = imageNameTokens[0];
+    }
+    var imageName = (
+      <OverlayTrigger placement="bottom" overlay={<Tooltip>{container.Config.Image}</Tooltip>}>
+        <div>{repo}</div>
+      </OverlayTrigger>
+    );
 
     // Synchronize all animations
     var style = {
diff --git a/styles/left-panel.less b/styles/left-panel.less
index 86743edd..e4b7eba9 100644
--- a/styles/left-panel.less
+++ b/styles/left-panel.less
@@ -135,7 +135,7 @@
           }
           .image {
             color: @gray-lighter;
-            font-size: 12px;
+            font-size: 10px;
             font-weight: 400;
             text-overflow: ellipsis;
             max-width: 140px;