[MD settings] edlide content exceptions

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

 <link rel="import" href="chrome://resources/cr_elements/cr_action_menu/cr_action_menu.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="../i18n_setup.html">
 <link rel="import" href="../icons.html">
 <link rel="import" href="../route.html">
 <link rel="import" href="../settings_shared_css.html">
@@ skipping 46 matching lines @@
             on-tap="onResetTap_">
           $i18n{siteSettingsActionReset}
         </button>
       </dialog>
 
       <div class="list-frame" hidden$="[[hasSites_(sites)]]">
         <div class="list-item secondary">$i18n{noSitesAdded}</div>
       </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)]]">
               <iron-icon icon="[[computeIconControlledBy_(item)]]"></iron-icon>
             </template>
 
             <paper-icon-button id="dots" icon="cr:more-vert"
                 hidden="[[isActionMenuHidden_(item.source)]]"
                 on-tap="onShowActionMenuTap_" title="$i18n{moreActions}">
             </paper-icon-button>
             <template is="dom-if" if="[[enableSiteSettings_]]">
               <div on-tap="onOriginTap_" actionable>
                 <button class="subpage-arrow" is="paper-icon-button-light"
                     aria-label$="[[item.displayName]]"
                     aria-describedby="siteDescription"></button>
               </div>
             </template>
           </div>
         </template>
       </div>
     </div>
     <template is="dom-if" if="[[showEditExceptionDialog_]]" restamp>
       <settings-edit-exception-dialog model="[[actionMenuSite_]]"
           on-close="onEditExceptionDialogClosed_">
       </settings-edit-exception-dialog>
     </template>
   </template>
   <script src="site_list.js"></script>
 </dom-module>