Change destination item layout to accomodate longer destination names.

chrome/browser/resources/print_preview/search/destination_list_item.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 .destination-list-item {
   -webkit-padding-end: 2px;
   -webkit-padding-start: 18px;
   -webkit-transition: background-color 150ms;
   cursor: default;
   padding-bottom: 3px;
   padding-top: 3px;
 }
 
 .destination-list-item:hover {
   background-color: rgb(228, 236, 247);
 }
 
 .destination-list-item.stale {
   opacity: 0.4;
 }
 
+.destination-list-item-content {
+  display: flex;
+}
+
 .destination-list-item-icon {
   -webkit-margin-end: 8px;
   -webkit-transition: opacity 150ms;
   display: inline-block;
+  flex: 0 0 auto;
   height: 24px;
   vertical-align: middle;
   width: 24px;
 }
 
 .destination-list-item-name {
+  flex: 0 1 auto;
+  line-height: 24px;
+  overflow: hidden;
+  text-overflow: ellipsis;
   vertical-align: middle;
+  white-space: nowrap;
 }
 
 .destination-list-item .offline-status {
   -webkit-margin-start: 1em;
+  flex: 0 0 auto;
   font-size: 75%;
+  line-height: 24px;
   opacity: 0.6;
+  vertical-align: middle;
 }
 
 .register-promo {
   -webkit-margin-start: 1em;
+  flex: 0 0 auto;
 }