MD Downloads: add first meaningful paint metrics to UMA

chrome/browser/resources/md_history/app.vulcanized.html

Index: chrome/browser/resources/md_history/app.vulcanized.html
diff --git a/chrome/browser/resources/md_history/app.vulcanized.html b/chrome/browser/resources/md_history/app.vulcanized.html
index 08b740a70fde3f45690f0769598d84b35c543208..82e1e5306d507d2c849d9b2a6be9066c5634041a 100644
--- a/chrome/browser/resources/md_history/app.vulcanized.html
+++ b/chrome/browser/resources/md_history/app.vulcanized.html
@@ -1832,13 +1832,12 @@ paper-icon-button {
 }
 
 paper-spinner-lite {
-  --paper-spinner-color: white;
-        height: 20px;
+  height: var(--cr-icon-height-width_-_height); width: var(--cr-icon-height-width_-_width);
+        --paper-spinner-color: white;
         margin: 0 6px;
         opacity: 0;
         padding: 6px;
         position: absolute;
-        width: 20px;
 }
 
 paper-spinner-lite[active] {
@@ -2512,6 +2511,15 @@ paper-tab {
     --cr-focused-item-color: var(--google-grey-300);
     
     --cr-icon-padding: 8px;
+
+    
+    --cr-icon-ripple-size: 36px;
+    --cr-icon-size: 20px;
+
+    --cr-icon-height-width_-_height:  var(--cr-icon-size); --cr-icon-height-width_-_width:  var(--cr-icon-size);
+
+    --cr-paper-icon-button-margin_-_-webkit-margin-end:  -8px; --cr-paper-icon-button-margin_-_-webkit-margin-start:  16px;
+
     --cr-selectable-focus_-_background-color:  var(--cr-focused-item-color); --cr-selectable-focus_-_outline:  none;
     --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06);
     --paper-checkbox-ink-size: 40px;
@@ -2550,6 +2558,36 @@ paper-tab {
   cursor: var(--cr-actionable_-_cursor);
 }
 
+button[is='paper-icon-button-light'] {
+  -webkit-margin-end: var(--cr-paper-icon-button-margin_-_-webkit-margin-end); -webkit-margin-start: var(--cr-paper-icon-button-margin_-_-webkit-margin-start);
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: var(--cr-icon-size);
+        flex-shrink: 0;
+        height: var(--cr-icon-ripple-size);
+        width: var(--cr-icon-ripple-size);
+}
+
+button[is='paper-icon-button-light'].subpage-arrow {
+  background-image: url("chrome://resources/images/arrow_right.svg");
+}
+
+button[is='paper-icon-button-light'].icon-external {
+  background-image: url("chrome://resources/images/open_in_new.svg");
+}
+
+.subpage-arrow, .icon-external {
+  display: none;
+}
+
+paper-icon-button.subpage-arrow {
+  background-image: url("chrome://resources/images/arrow_right.svg");
+}
+
+[actionable] :-webkit-any(.subpage-arrow, .icon-external), [actionable]:-webkit-any(.subpage-arrow, .icon-external) {
+  display: block;
+}
+
 [scrollable] {
   border-color: transparent;
         border-style: solid;
@@ -3244,6 +3282,36 @@ paper-spinner {
   cursor: var(--cr-actionable_-_cursor);
 }
 
+button[is='paper-icon-button-light'] {
+  -webkit-margin-end: var(--cr-paper-icon-button-margin_-_-webkit-margin-end); -webkit-margin-start: var(--cr-paper-icon-button-margin_-_-webkit-margin-start);
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: var(--cr-icon-size);
+        flex-shrink: 0;
+        height: var(--cr-icon-ripple-size);
+        width: var(--cr-icon-ripple-size);
+}
+
+button[is='paper-icon-button-light'].subpage-arrow {
+  background-image: url("chrome://resources/images/arrow_right.svg");
+}
+
+button[is='paper-icon-button-light'].icon-external {
+  background-image: url("chrome://resources/images/open_in_new.svg");
+}
+
+.subpage-arrow, .icon-external {
+  display: none;
+}
+
+paper-icon-button.subpage-arrow {
+  background-image: url("chrome://resources/images/arrow_right.svg");
+}
+
+[actionable] :-webkit-any(.subpage-arrow, .icon-external), [actionable]:-webkit-any(.subpage-arrow, .icon-external) {
+  display: block;
+}
+
 [scrollable] {
   border-color: transparent;
         border-style: solid;