ui: fix session name overflow

fixes #353

ui/javascripts/app/helpers.js

@@ -24,7 +24,7 @@ Ember.Handlebars.helper('sessionName', function(session) {
   if (session.Name === "") {
     return session.ID;
   } else {
-    return new Handlebars.SafeString(session.Name + ' <small>' + session.ID + '</small>');
+    return new Handlebars.SafeString('<span>' + session.Name + '</span>' + ' <small>' + session.ID + '</small>');
   }
 });
 

ui/styles/_lists.scss

@@ -63,7 +63,18 @@
             font-size: 15px;
             padding-top: 6px;
 
+            span {
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                max-width: 35%;
+                float: left;
+                display:inline-block;
+                padding-right: 4px;
+            }
+
             small {
+                display:inline-block;
                 padding-right: 8px;
                 padding-top: 2px;
                 font-size: 12px;