[Nearby] Limit width of contact details.

This adds CSS rules to the contact visibility page that will truncate
and elide the name or email of any contact if it is long enough to
overflow the given width.

Screenshot:
  https://screenshot.googleplex.com/siHhtdWNFVeEphM.png

Bug: b:168841167
Change-Id: Idaef4ea803b95b8ade014d30271474cc6806d9d3
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2559235Reviewed-by: James Vecore <vecore@google.com>
Commit-Queue: Michael Hansen <hansenmichael@google.com>
Cr-Commit-Position: refs/heads/master@{#831074}

chrome/browser/resources/nearby_share/shared/nearby_contact_visibility.html

@@ -198,6 +198,13 @@
         opacity: var(--cr-disabled-opacity);
       }
 
+      .elide {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        width: 400px;
+      }
+
       .contact-toggle {
         align-self: center;
         margin-inline-end: 12px;
@@ -404,8 +411,10 @@
                       class="padded-icon grey-icon contact-icon">
                   </iron-icon>
                   <div>
-                    <div class="cr-title-text">[[item.name]]</div>
-                    <div class="cr-secondary-text">[[item.description]]</div>
+                    <div class="cr-title-text elide">[[item.name]]</div>
+                    <div class="cr-secondary-text elide">
+                      [[item.description]]
+                    </div>
                   </div>
                   <template is="dom-if"
                       if="[[showContactCheckBoxes_(selectedVisibility)]]">