MD WebUI: Fix appearance of toolbar title in certain languages

chrome/browser/resources/md_downloads/vulcanized.html

Index: chrome/browser/resources/md_downloads/vulcanized.html
diff --git a/chrome/browser/resources/md_downloads/vulcanized.html b/chrome/browser/resources/md_downloads/vulcanized.html
index 93b03d55c6fe317f6a576a7ef823fc0cda8d417b..0f25202e279a1cd0bfab13a2fdfa31d7f5e34c58 100644
--- a/chrome/browser/resources/md_downloads/vulcanized.html
+++ b/chrome/browser/resources/md_downloads/vulcanized.html
@@ -3073,6 +3073,7 @@ input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-s
 
 h1 {
   -webkit-margin-start: 6px;
+        -webkit-padding-end: 2px;
         flex: 1;
         font-size: 123%;
         font-weight: 400;
@@ -3082,8 +3083,9 @@ h1 {
 }
 
 #leftContent {
-  -webkit-margin-start: 18px;
+  -webkit-padding-start: 18px;
         align-items: center;
+        box-sizing: border-box;
         display: flex;
         position: absolute;
         transition: opacity 100ms;
@@ -3114,8 +3116,8 @@ h1 {
 }
 
 :host(:not([narrow_])) #leftContent {
-  max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2);
-        -webkit-margin-start: var(--cr-toolbar-left-content-wide_-_-webkit-margin-start); flex: var(--cr-toolbar-left-content-wide_-_flex); max-width: var(--cr-toolbar-left-content-wide_-_max-width, calc((100% - var(--cr-toolbar-field-width) - 18px) / 2)); position: var(--cr-toolbar-left-content-wide_-_position);
+  max-width: calc((100% - var(--cr-toolbar-field-width)) / 2);
+        -webkit-padding-start: var(--cr-toolbar-left-content-wide_-_-webkit-padding-start); flex: var(--cr-toolbar-left-content-wide_-_flex); max-width: var(--cr-toolbar-left-content-wide_-_max-width, calc((100% - var(--cr-toolbar-field-width)) / 2)); position: var(--cr-toolbar-left-content-wide_-_position);
 }
 
 :host(:not([narrow_])) #rightContent {
@@ -3225,7 +3227,7 @@ h1 {
   --cr-toolbar-field-end-padding: 0;
         --cr-toolbar-field-width: var(--downloads-card-width);
         --cr-toolbar-header-wide_-_-webkit-margin-start:  24px; --cr-toolbar-header-wide_-_-webkit-margin-end:  16px;;
-        --cr-toolbar-left-content-wide_-_-webkit-margin-start:  0; --cr-toolbar-left-content-wide_-_flex:  1 0 1px; --cr-toolbar-left-content-wide_-_max-width:  none; --cr-toolbar-left-content-wide_-_position:  static;;
+        --cr-toolbar-left-content-wide_-_-webkit-padding-start:  0; --cr-toolbar-left-content-wide_-_flex:  1 0 1px; --cr-toolbar-left-content-wide_-_max-width:  none; --cr-toolbar-left-content-wide_-_position:  static;;
         --cr-toolbar-right-content-wide_-_flex:  1 0 1px; --cr-toolbar-right-content-wide_-_position:  static;;
         align-items: center;
         flex: 1;