Clip long host names.

remoting/webapp/base/html/main.css

Index: remoting/webapp/base/html/main.css
diff --git a/remoting/webapp/base/html/main.css b/remoting/webapp/base/html/main.css
index 46144f2b583325114222e9cec0c9807da4c81857..0af78f84e6615c1588723dfc8dda01d975e45831 100644
--- a/remoting/webapp/base/html/main.css
+++ b/remoting/webapp/base/html/main.css
@@ -509,6 +509,10 @@ thead {
   padding: 0 5px;
 }
 
+.host-list-clip {
+  overflow-x: hidden;

[kelvinp, 2015/12/04 20:12:20]

Do you want 

white-space: nowrap;
text-overflow: ellipsis;

as well to show ... when the host name is too long?

[Jamie, 2015/12/05 21:15:28]

I've added an ellipsis, but I want to keep word wrap, otherwise the last-online
text is lost (with word wrap it falls on a separate line). I might be able to
make this work by putting that information in a separate <span> so that only the
name is truncated, which would have the advantage that each host is a consistent
height, even if the name is very long. The downside is that most people who set
a very long hostname will include spaces, so we'd be hiding part of the name
that is currently visible, albeit on a different line. I don't think that's the
right trade-off.

+}
+
 .host-name-label, .host-name-label:visited, .host-name-label:active {
   color: inherit;
   cursor: inherit;