From 7410de9cca9fe780739f1a811d338239b109149a Mon Sep 17 00:00:00 2001 From: Pranav Saxena Date: Mon, 24 Dec 2012 16:05:57 +0530 Subject: [PATCH] CLOUDSTACK-771:Instance Table misalignment : when instance is created with long display name:Solved by using the concept of Ellipses in CSS --- ui/css/cloudstack3.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index a1a68cb774a..72c98e62e02 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -441,13 +441,16 @@ body.login { div.list-view table tbody td span { display: block; float: left; - max-width: 210px; + max-width: 100px; word-wrap: break-word; text-indent: 0; margin-left: 12px; line-height: 15px; - overflow: auto; + overflow: hidden; overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } div.list-view div.toolbar div.section-switcher div.section-select label {