MD History: Simplify flex layout in <history-list>

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 b857e1ba7b8ec77036a04a0e8ff0aa119fd98854..d838d207b2df80d6033e73c05155fd31bc773b39 100644
--- a/chrome/browser/resources/md_history/history_list.html
+++ b/chrome/browser/resources/md_history/history_list.html
@@ -12,14 +12,11 @@
   <template>
     <style include="shared-style">
       :host {
-        display: flex;
-        flex-direction: column;
-        position: relative;
+        display: block;
       }
 
       #infinite-list {
-        flex: 1;
-        padding-top: var(--first-card-padding-top);
+        height: 100%;
       }
 
       paper-item {
@@ -46,6 +43,7 @@
         <history-item item="[[item]]"
             starred="[[item.starred]]"
             selected="{{item.selected}}"
+            is-first-item="[[isFirstItem_(index)]]"
             is-card-start="[[isCardStart_(item, index, historyData_.length)]]"
             is-card-end="[[isCardEnd_(item, index, historyData_.length)]]"
             has-time-gap="[[needsTimeGap_(item, index, historyData_.length)]]"