[MD History] Make synced devices keyboard navigation consistent.

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

Index: chrome/browser/resources/md_history/lazy_load.vulcanized.html
diff --git a/chrome/browser/resources/md_history/lazy_load.vulcanized.html b/chrome/browser/resources/md_history/lazy_load.vulcanized.html
index 2913305f642c9a0ccb6a51b1b7e6cfa338255874..841185733b834e210579164ddc3c5d5860c8a91b 100644
--- a/chrome/browser/resources/md_history/lazy_load.vulcanized.html
+++ b/chrome/browser/resources/md_history/lazy_load.vulcanized.html
@@ -528,6 +528,7 @@ paper-ripple {
         overflow: hidden;
         padding: 8px 0;
         position: relative;
+        width: var(--cr-shared-menu-width);
 }
 
 </style>
@@ -569,7 +570,6 @@ paper-ripple {
 paper-ripple {
   opacity: 0.6;
         color: currentColor;
-        ;
 }
 
 </style>
@@ -709,14 +709,14 @@ button.more-vert-button div {
         border-radius: 2px;
 }
 
-#item-container {
+.item-container {
   align-items: center;
         display: flex;
         margin: 0 20px;
         min-height: var(--item-height);
 }
 
-#window-separator {
+.window-separator {
   background-color: var(--card-border-color);
         height: 1px;
         margin: 5px auto;
@@ -738,7 +738,7 @@ button.more-vert-button div {
             <div></div>
             <div></div>
           </button>
-          <button is="paper-icon-button-light" class="icon-button" title$="[[getCollapseTitle_(opened)]]">
+          <button is="paper-icon-button-light" class="icon-button" id="collapse-button" title$="[[getCollapseTitle_(opened)]]">
             <iron-icon icon="[[getCollapseIcon_(opened)]]" id="dropdown-indicator">
             </iron-icon>
           </button>
@@ -748,13 +748,13 @@ button.more-vert-button div {
       <iron-collapse opened="{{opened}}" id="collapse">
         <div id="tab-item-list">
           <template is="dom-repeat" items="[[tabs]]" as="tab" id="tab-list">
-            <div id="item-container">
-              <div id="icon" class="website-icon"></div>
+            <div class="item-container">
+              <div class="website-icon"></div>
               <a href="[[tab.url]]" class="website-title" title="[[tab.title]]" on-click="openTab_" on-contextmenu="onLinkRightClick_">
                 <history-searched-label title="[[tab.title]]" search-term="[[searchTerm]]"></history-searched-label>
               </a>
             </div>
-            <div id="window-separator" hidden$="[[!isWindowSeparatorIndex_(index, separatorIndexes)]]">
+            <div class="window-separator" hidden$="[[!isWindowSeparatorIndex_(index, separatorIndexes)]]">
             </div>
           </template>
         </div>