[MD settings] edlide content exceptions

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

Index: chrome/browser/resources/settings/site_settings/site_list.html
diff --git a/chrome/browser/resources/settings/site_settings/site_list.html b/chrome/browser/resources/settings/site_settings/site_list.html
index c9acf2f2d00d85a43877d3f2d4344b704cc62087..106409c2b512a16d9319bd860d0ed35aeb9c0c25 100644
--- a/chrome/browser/resources/settings/site_settings/site_list.html
+++ b/chrome/browser/resources/settings/site_settings/site_list.html
@@ -64,19 +64,16 @@
       </div>
       <div class="list-frame menu-content vertical-list" id="listContainer">
         <template is="dom-repeat" items="[[sites]]">
-          <div class="list-item">
-            <div class="start layout horizontal center" on-tap="onOriginTap_"

[dschuyler, 2017/03/02 01:27:01]

The .middle class shouldn't be inside of a .start class. The "layout horizontal
center" appears to be trying to work around the issues this causes. It's cleaner
to just remove the .start div and let the .middle handle the layout.

[tommycli, 2017/03/02 16:36:02]

Acknowledged.

-                actionable$="[[enableSiteSettings_]]">
-              <div class="favicon-image"
-                  style$="[[computeSiteIcon(item.origin)]]">
-              </div>
-              <div class="middle">
-                <div class="selectable">[[item.displayName]]</div>
+          <div class="list-item" actionable$="[[enableSiteSettings_]]" on-tap="onOriginTap_">
+            <div class="favicon-image"
+                style$="[[computeSiteIcon(item.origin)]]">
+            </div>
+            <div class="middle no-min-width">
+              <div class="selectable text-elide">[[item.displayName]]</div>
 
-                <!-- This div must not contain extra whitespace. -->
-                <div class="selectable secondary" id="siteDescription"
-                    >[[computeSiteDescription_(item)]]</div>
-              </div>
+              <!-- This div must not contain extra whitespace. -->
+              <div class="selectable secondary text-elide" id="siteDescription"
+                  >[[computeSiteDescription_(item)]]</div>
             </div>
 
             <template is="dom-if" if="[[!!computeIconControlledBy_(item)]]">