[MD History] Extract shared stylesheet.

chrome/browser/resources/md_history/history_toolbar.html

Index: chrome/browser/resources/md_history/history_toolbar.html
diff --git a/chrome/browser/resources/md_history/history_toolbar.html b/chrome/browser/resources/md_history/history_toolbar.html
index 6de760d269a530f5ee054a6c1debb852f224da76..8333afcf0751326726c5b356eac3f09fc1ee16fb 100644
--- a/chrome/browser/resources/md_history/history_toolbar.html
+++ b/chrome/browser/resources/md_history/history_toolbar.html
@@ -4,9 +4,10 @@
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_search_field.html">
 
+<link rel="import" href="chrome://history/shared_style.html">

[tsergeant, 2016/02/23 04:52:26]

Same here.

[calamity, 2016/02/23 05:33:43]

Done.

 <dom-module id="history-toolbar">
   <template>
-
+    <style include="shared-style"></style>
     <style>
       :host {
         background: rgb(63, 85, 102);
@@ -38,7 +39,7 @@
 
       #items {
         margin: 0 auto;
-        max-width: 960px;
+        max-width: var(--card-max-width);
       }
 
       #number-selected {
@@ -53,8 +54,7 @@
       }
 
       #centered-buttons {
-        flex: 1 1 960px;
-        max-width: 960px;
+        flex: 0 1 var(--card-max-width);

[tsergeant, 2016/02/23 04:52:26]

Huh, I'm kinda surprised this works.

[calamity, 2016/02/23 05:33:43]

Acknowledged.

[Dan Beam, 2016/02/23 18:32:03]

why are you surprised by this working?

[tsergeant, 2016/02/23 22:35:14]

I expected that the variables polyfill would only replace entire property
values, not individual sections of shorthand properties like this.

       }
 
       paper-button {