Settings WebUI: Fix alignment on All Sites page

https://i.imgur.com/wcaYtf9.png

Fixed: 1102273
Change-Id: I774d8022f13ef3f8d7ce978c742585312f6c5188
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2290190
Commit-Queue: John Lee <johntlee@chromium.org>
Reviewed-by: Esmael Elmoslimany <aee@chromium.org>
Cr-Commit-Position: refs/heads/master@{#787787}

chrome/browser/resources/settings/site_settings/site_entry.html

@@ -81,8 +81,8 @@
           <iron-collapse id="collapseChild" no-animation>
             <div class="list-frame">
               <template is="dom-repeat" items="[[siteGroup.origins]]">
-                <div class="hr">
-                  <div class="start row-aligned list-item"
+                <div class="list-item hr">
+                  <div class="start row-aligned list-item origin-link"
                        on-click="onOriginTap_" actionable>
                     <site-favicon url="[[item.origin]]"></site-favicon>
                     <div class="site-representation middle text-elide">

chrome/test/data/webui/settings/site_entry_tests.js

@@ -95,7 +95,7 @@ suite('SiteEntry', function() {
     flush();
     const collapseChild = testElement.$.originList.get();
     flush();
-    assertEquals(3, collapseChild.querySelectorAll('.list-item').length);
+    assertEquals(3, collapseChild.querySelectorAll('.origin-link').length);
   });
 
   test('expands and closes to show more origins', function() {
@@ -137,7 +137,7 @@ suite('SiteEntry', function() {
     flush();
     const collapseChild = testElement.$.originList.get();
     flush();
-    const originList = collapseChild.querySelectorAll('.list-item');
+    const originList = collapseChild.querySelectorAll('.origin-link');
     assertEquals(3, originList.length);
 
     // Test clicking on one of these origins takes the user to Site Details,
@@ -381,7 +381,7 @@ suite('SiteEntry', function() {
     flush();
     const collapseChild = testElement.$.originList.get();
     flush();
-    const origins = collapseChild.querySelectorAll('.list-item');
+    const origins = collapseChild.querySelectorAll('.origin-link');
     assertEquals(3, origins.length);
     assertEquals(
         'www.example.com',
@@ -411,7 +411,7 @@ suite('SiteEntry', function() {
     flush();
     const collapseChild = testElement.$.originList.get();
     flush();
-    const origins = collapseChild.querySelectorAll('.list-item');
+    const origins = collapseChild.querySelectorAll('.origin-link');
     assertEquals(3, origins.length);
     assertEquals(
         'www.example.com',
@@ -441,7 +441,7 @@ suite('SiteEntry', function() {
     flush();
     const collapseChild = testElement.$.originList.get();
     flush();
-    const origins = collapseChild.querySelectorAll('.list-item');
+    const origins = collapseChild.querySelectorAll('.origin-link');
     assertEquals(3, origins.length);
     assertEquals(
         'example.com',