From d24764dd83d50e01ab8f53d435fe351328bb22b2 Mon Sep 17 00:00:00 2001
From: Jack Pearkes <jackpearkes@gmail.com>
Date: Wed, 15 Oct 2014 16:19:14 -0700
Subject: [PATCH] ui: fix session name overflow

fixes #353
---
 ui/javascripts/app/helpers.js |  2 +-
 ui/styles/_lists.scss         | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/ui/javascripts/app/helpers.js b/ui/javascripts/app/helpers.js
index 9585f81d69..0dcf63d51e 100644
--- a/ui/javascripts/app/helpers.js
+++ b/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>');
   }
 });
 
diff --git a/ui/styles/_lists.scss b/ui/styles/_lists.scss
index 2e708ce9b8..956bebd0ab 100644
--- a/ui/styles/_lists.scss
+++ b/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;