MD History: Synced Tabs fixes

chrome/browser/resources/md_history/synced_device_card.html

Index: chrome/browser/resources/md_history/synced_device_card.html
diff --git a/chrome/browser/resources/md_history/synced_device_card.html b/chrome/browser/resources/md_history/synced_device_card.html
index b227d7b6d485b1ba239c571eaa410b4bfc0f8242..d2b4dd058f1dce189e1b79078ea3e10e31316f40 100644
--- a/chrome/browser/resources/md_history/synced_device_card.html
+++ b/chrome/browser/resources/md_history/synced_device_card.html
@@ -24,10 +24,6 @@
         cursor: pointer;
       }
 
-      #icon {
-        -webkit-margin-start: 20px;
-      }
-
       #tab-item-list {
         padding: 8px 0;
       }
@@ -57,6 +53,7 @@
       #item-container {
         @apply(--layout-center);
         @apply(--layout-horizontal);
+        margin: 0 20px;
         min-height: var(--item-height);
       }
 
@@ -68,7 +65,7 @@
       }
     </style>
     <div id="history-item-container">
-      <div class="card-title" id="card-heading" aria-expanded$="[[cardOpen_]]"
+      <div class="card-title" id="card-heading" aria-expanded$="[[opened]]"
           aria-controls="collapse" on-tap="toggleTabCard">
         <div>
           [[device]]
@@ -81,14 +78,15 @@
             <iron-icon icon="cr:more-vert"></iron-icon>
           </button>
           <button is="paper-icon-button-light" class="icon-button"
-              title$="[[getCollapseTitle_(cardOpen_)]]">
-            <iron-icon icon="cr:expand-less" id="dropdown-indicator">
+              title$="[[getCollapseTitle_(opened)]]">
+            <iron-icon icon="[[getCollapseIcon_(opened)]]"
+                id="dropdown-indicator">
             </iron-icon>
           </button>
         </div>
       </div>
 
-      <iron-collapse opened="{{cardOpen_}}" id="collapse">
+      <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">