PDF Viewer update: Polish title's font weight, size and overflow.

Bug: 1098124
Change-Id: I4f49f48a4698c4cf10caff2e2a3801c6231cedcb
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2302810Reviewed-by: John Lee <johntlee@chromium.org>
Commit-Queue: dpapad <dpapad@chromium.org>
Cr-Commit-Position: refs/heads/master@{#789197}

chrome/browser/resources/pdf/elements/viewer-pdf-toolbar-new.html

@@ -17,6 +17,14 @@
     margin: 0 6px;
   }
 
+  #title {
+    font-size: 0.87rem;
+    font-weight: 500;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   #actionMenuTrigger {
     margin-inline-end: 6px;
   }
@@ -24,6 +32,8 @@
   #start {
     align-items: center;
     display: flex;
+    overflow: hidden;
+    padding-inline-end: 20px;
   }
 
   #start,
@@ -105,7 +115,7 @@
   <div id="start">
     <cr-icon-button id="menuButton" iron-icon="pdf:open-book">
     </cr-icon-button>
-    <span>[[docTitle]]</span>
+    <span id="title">[[docTitle]]</span>
   </div>
   <div id="center">
     <viewer-page-selector doc-length="[[docLength]]" page-no="[[pageNo]]">