MD Settings: Tolerate long words within settings-menu better.

chrome/browser/resources/settings/settings_menu/settings_menu.html

 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/assert.html">
 <link rel="import" href="chrome://resources/html/polymer.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-menu/paper-menu.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-submenu.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-ripple/paper-ripple.html">
 <link rel="import" href="/icons.html">
 <link rel="import" href="/route.html">
 <link rel="import" href="/settings_shared_css.html">
@@ skipping 65 matching lines @@
         };
       }
 
       .page-menu div {
         -webkit-padding-start: 24px;
         align-items: center;
         display: flex;
         font-size: 100%;
         font-weight: 500;
         min-height: 40px;
+        word-break: break-word;
+      }
+
+      .page-menu div iron-icon {
+        flex-shrink: 0;
       }
 
       .separator {
         /* Per Alan@, this line is different from the other separator lines. */
         border-bottom: 1px solid rgba(0, 0, 0, 0.08);
         margin-top: 8px;
       }
     </style>
     <paper-menu name="root-menu">
       <div class="page-menu" id="basicPage">
@@ skipping 103 matching lines @@
       <paper-submenu class="page-menu">
         <div about-selected$="[[aboutSelected_]]" class="menu-trigger"
             id="about-menu" on-tap="openPage_" data-path="/help">
           $i18n{aboutPageTitle}
         </div>
       </paper-submenu>
     </paper-menu>
   </template>
   <script src="settings_menu.js"></script>
 </dom-module>