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

BUG=666666
CQ_INCLUDE_TRYBOTS=master.tryserver.chromium.linux:closure_compilation

Review-Url: https://codereview.chromium.org/2629483002
Cr-Commit-Position: refs/heads/master@{#443280}

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

@@ -108,10 +108,12 @@
                 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>
 </if>
               <div class="flex">
                 <span id="profile-name">[[profileName_]]</span>