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..23cd32016b0634b220361635b6767247eb349b80 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;
@@ -57,7 +58,7 @@
       }
 
       :host(:not([narrow_])) #leftContent {
-        max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2);
+        max-width: calc((100% - var(--cr-toolbar-field-width)) / 2 - 18px);

[dpapad, 2016/11/17 18:49:29]

Can you add a comment explaining the rationale of this calculation? It is not
obvious.

[tsergeant, 2016/11/18 00:03:06]

Done. In the process, I realised I could change the box sizing to get rid of the
18px magic number, so I've done that too.

         @apply(--cr-toolbar-left-content-wide);
       }