MD History: Display synced tabs history

chrome/browser/resources/md_history/shared_style.html

Index: chrome/browser/resources/md_history/shared_style.html
diff --git a/chrome/browser/resources/md_history/shared_style.html b/chrome/browser/resources/md_history/shared_style.html
new file mode 100644
index 0000000000000000000000000000000000000000..cbdee2c74ab80a398c9aa52d0a93e1fdc975cd31
--- /dev/null
+++ b/chrome/browser/resources/md_history/shared_style.html
@@ -0,0 +1,51 @@
+<dom-module id="shared-style">
+  <template>
+    <style>
+      .history-item-container {
+        @apply(--shadow-elevation-2dp);
+        background: #fff;
+        border-radius: 2px;
+        max-width: 960px;
+        min-width: 500px;
+        width: 100%;
+      }
+
+      .card-title {
+        @apply(--layout-center);
+        @apply(--layout-horizontal);
+        -webkit-padding-start: 20px;
+        background: #fafafa;
+        border-bottom: 1px solid rgba(0, 0, 0, 0.14);
+        border-radius: 2px 2px 0 0;
+        color: #333;
+        font-size: 14px;
+        font-weight: 500;
+        height: 48px;
+      }
+
+      .url {
+        color: #333;
+        overflow: hidden;
+        text-decoration: none;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .url:hover {
+        text-decoration: underline;
+      }
+
+      .website-icon {
+        -webkit-margin-end: 16px;
+        height: 16px;
+        min-width: 16px;
+      }
+
+      .item-container {
+        @apply(--layout-center);
+        @apply(--layout-horizontal);
+        min-height: 40px;
+      }
+    </style>
+  </template>
+</dom-module>