[MD History] Implement grouped history UI.

chrome/browser/resources/md_history/history_list.html

Index: chrome/browser/resources/md_history/history_list.html
diff --git a/chrome/browser/resources/md_history/history_list.html b/chrome/browser/resources/md_history/history_list.html
index 3686aa71f2a956446dcdab907ceae13effa7bf6c..b857e1ba7b8ec77036a04a0e8ff0aa119fd98854 100644
--- a/chrome/browser/resources/md_history/history_list.html
+++ b/chrome/browser/resources/md_history/history_list.html
@@ -31,13 +31,17 @@
       paper-item:hover {
         background: #eaeaea;
       }
+
+      history-item {
+        --history-item-padding-side: var(--card-padding-side);
+      }
     </style>
     <div id="no-results" class="centered-message"
-        hidden$="{{hasResults(historyData_.length)}}">
+        hidden$="[[hasResults(historyData_.length)]]">
       {{noResultsMessage_(searchedTerm, querying)}}
     </div>
     <iron-list items="{{historyData_}}" as="item" id="infinite-list"
-        hidden$="{{!hasResults(historyData_.length)}}">
+        hidden$="[[!hasResults(historyData_.length)]]">
       <template>
         <history-item item="[[item]]"
             starred="[[item.starred]]"