Correctly align and ellipsize PDF titles in material design PDF viewer

chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.css

Index: chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.css
diff --git a/chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.css b/chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.css
index 0aafc9d755ad7c4ce14cb803316a46aa737883a4..ff102633705b8767345e20849220ca3b4d928370 100644
--- a/chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.css
+++ b/chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.css
@@ -14,6 +14,24 @@
   width: 100%;
 }
 
+#title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+#pageselector-container {
+  text-align: center;
+  /* The container resizes according to the width of the toolbar. On small
+   * screens with large numbers of pages, overflow page numbers without
+   * wrapping. */
+  white-space: nowrap;
+}
+
+#buttons {
+  text-align: right;
+}
+
 paper-progress {
   height: 56px;
   position: absolute;