MD WebUI: Fix appearance of toolbar title in certain languages

ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html

Index: ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html
diff --git a/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html b/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html
index 35ac7c844821bf554896758f51cfce4e161e0aef..e6c63f19b4532a459f2aa13d779adab61bfb8fef 100644
--- a/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html
+++ b/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html
@@ -16,6 +16,7 @@
 
       h1 {
         -webkit-margin-start: 6px;
+        -webkit-padding-end: 2px;
         flex: 1;
         font-size: 123%;
         font-weight: 400;
@@ -25,8 +26,9 @@
       }
 
       #leftContent {
-        -webkit-margin-start: 18px;
+        -webkit-padding-start: 18px;
         align-items: center;
+        box-sizing: border-box;
         display: flex;
         position: absolute;
         transition: opacity 100ms;
@@ -57,7 +59,9 @@
       }
 
       :host(:not([narrow_])) #leftContent {
-        max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2);
+        /* The amount of space left of the search field:
+           (width of window - width of search field) / 2. */
+        max-width: calc((100% - var(--cr-toolbar-field-width)) / 2);
         @apply(--cr-toolbar-left-content-wide);
       }