Fix dashboard chart-title layout.

dashboard/dashboard/elements/chart-title.html

Index: dashboard/dashboard/elements/chart-title.html
diff --git a/dashboard/dashboard/elements/chart-title.html b/dashboard/dashboard/elements/chart-title.html
index 4a2db6233fdad28a561d38e0af2a140b92641d1a..693c97c743507561ed7f208c1dd2d042de2f0acb 100644
--- a/dashboard/dashboard/elements/chart-title.html
+++ b/dashboard/dashboard/elements/chart-title.html
@@ -32,26 +32,33 @@ found in the LICENSE file.
         background: #4285f4;
         font-size: 18px;
       }
+      #container {
+        white-space: nowrap;
+      }
       h3 {
         display: inline-block;
+        white-space: initial;
       }
     </style>
 
-    <paper-button raised on-click="populateTestPicker_"
-        title="Populate test picker">
-      &#8632;
-    </paper-button>
-
-    <h3>
-      <template is="dom-repeat" items="{{titleParts}}">
-        <a class="title disabled" href="javascript:void(0);"
-           on-click="onClicked" disabled$="{{computeStrictEqual(index, currentIndex)}}"
-           class="title">
-          {{item}}
-        </a>
-        <span hidden$="{{computeIsLast(index, titleParts)}}">/</span>
-      </template>
-    </h3>
+    <div id="container">
+      <paper-button raised on-click="populateTestPicker_"
+          title="Populate test picker">
+        &#8632;
+      </paper-button>
+
+      <h3>
+        <template is="dom-repeat" items="{{titleParts}}">
+          <a class="title disabled" href="javascript:void(0);"
+            on-click="onClicked" disabled$="{{computeStrictEqual(index, currentIndex)}}"
+            class="title">
+            {{item}}
+          </a>
+          <span hidden$="{{computeIsLast(index, titleParts)}}">/</span>
+        </template>
+      </h3>
+    </div>
+
     <div>
       <template is="dom-repeat" items="{{suiteDescriptions}}" as="info">
         <div><b>{{info.suite}}</b>: {{info.description}}</div>