MD Settings: Fix issue of long names breaking layout bounds in People section

chrome/browser/resources/settings/people_page/people_page.html

Index: chrome/browser/resources/settings/people_page/people_page.html
diff --git a/chrome/browser/resources/settings/people_page/people_page.html b/chrome/browser/resources/settings/people_page/people_page.html
index 105745a435b8007df1604fcd99eb552e999db98b..7c10ad2069140384af67fd34587c50f53c097abb 100644
--- a/chrome/browser/resources/settings/people_page/people_page.html
+++ b/chrome/browser/resources/settings/people_page/people_page.html
@@ -108,10 +108,10 @@
                 style="background-image: [[getIconImageset_(profileIconUrl_)]]">
             </div>
 <if expr="not chromeos">
-            <div class="middle two-line" on-tap="onProfileNameTap_" actionable>
+            <div class="middle two-line text-elide" on-tap="onProfileNameTap_" actionable>
 </if>
 <if expr="chromeos">
-            <div class="middle two-line" on-tap="onPictureTap_" actionable>
+            <div class="middle two-line text-elide" on-tap="onPictureTap_" actionable>

[Dan Beam, 2017/01/11 21:59:01]

80 col wrap

 </if>
               <div class="flex">
                 <span id="profile-name">[[profileName_]]</span>