PDF Viewer update: Adjust toolbar spacing/height.

Specifically:
 - change toolbar height from 48px to 56px
 - add 16px start/end padding
 - add 4px padding between toolbar icons
 - adjust margin and padding in zoom-controls

Bug: 1123803
Change-Id: I5f8d7b68e3cc651422de7bc58465c2be35440874
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2386853Reviewed-by: John Lee <johntlee@chromium.org>
Commit-Queue: John Lee <johntlee@chromium.org>
Auto-Submit: dpapad <dpapad@chromium.org>
Cr-Commit-Position: refs/heads/master@{#803562}

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

@@ -12,11 +12,8 @@
     background-color: var(--viewer-pdf-toolbar-background-color);
     color: white;
     display: flex;
-    height: 48px;
-  }
-
-  #sidenavToggle {
-    margin: 0 6px;
+    height: 56px;
+    padding: 0 16px;
   }
 
   #title {
@@ -53,8 +50,8 @@
     border-inline-end: 1px solid rgba(255, 255, 255, 0.3);
     border-inline-start: 1px solid rgba(255, 255, 255, 0.3);
     margin-inline-end: 12px;
-    margin-inline-start: 21px;
-    padding: 0 6px;
+    margin-inline-start: 20px;
+    padding: 0 4px;
   }
 
   #zoom-controls input::selection {
@@ -119,12 +116,21 @@
   }
 
 <if expr="chromeos">
+  #annotate {
+    margin-inline-end: 4px;
+  }
+
   :host([annotation-mode]) #annotate {
     background-color: var(--active-button-bg);
     border-radius: 50%;
   }
 </if>
 
+   #print,
+   #more {
+     margin-inline-start: 4px;
+   }
+
   .dropdown-item {
     padding-inline-end: 16px;
     padding-inline-start: 12px;