From 74ea5ebd1212ace43c63694b5722cf4d7236bd15 Mon Sep 17 00:00:00 2001
From: Grant Nestor <grantnestor@gmail.com>
Date: Wed, 26 Apr 2017 18:17:12 -0700
Subject: [PATCH] Fix save widget layout for long notebook titles

---
 notebook/static/notebook/less/savewidget.less | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/notebook/static/notebook/less/savewidget.less b/notebook/static/notebook/less/savewidget.less
index 889e7db37..fe37e1980 100644
--- a/notebook/static/notebook/less/savewidget.less
+++ b/notebook/static/notebook/less/savewidget.less
@@ -1,5 +1,7 @@
 span.save_widget {
     margin-top: 6px;
+    max-width: 100%;
+    display: flex;
     
     span.filename {
         height: 1em;
@@ -8,6 +10,9 @@ span.save_widget {
         margin-left: @padding-large-horizontal;
         border: none;
         font-size: 146.5%;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
         &:hover{
             // ensure body is lighter on dark palette, 
             // and vice versa
@@ -19,14 +24,17 @@ span.save_widget {
 
 span.checkpoint_status, span.autosave_status {
     font-size: small;
+    white-space: nowrap;
+    padding: 0 5px;
 }
 
 @media (max-width: @screen-xs-max) {
     span.save_widget {
         font-size: small;
+        padding: 0 0 0 5px;
     }
     span.checkpoint_status, span.autosave_status {
-      display: none;
+        display: none;
     }
 }
 
@@ -38,6 +46,3 @@ span.checkpoint_status, span.autosave_status {
         font-size: x-small;
     }
 }
-
-
-