MD Settings: fix settings-toggle-button label text overflow.

chrome/browser/resources/settings/settings_vars_css.html

 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 
 <!-- Common css variables for Material Design settings. -->
 <style is="custom-style">
   /* We keep our vars in sort order, though some vars must be defined prior to
    * others. The --settings-* vars are defined explicitly prior to the --paper-*
    * and --iron-* vars.
    */
   :root {
@@ skipping 24 matching lines @@
     /* These are used for row items such as radio buttons, check boxes, list
      * items etc. */
     --settings-row-min-height: 44px;
     --settings-row-two-line-min-height: 56px;
 
     /* These are used for the settings-box containers, which may contain one or
      * more "row items". */
     --settings-box-min-height: 48px;
     --settings-box-two-line-min-height: 60px;
 
+    --settings-text-elide: {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    };
+
     --settings-secondary: {
       color: var(--paper-grey-600);
       font-weight: 400;
       margin-top: 4px;
     };
     --settings-separator-line: var(--cr-separator-line);
 
     --settings-title-bar-background-color: var(--google-blue-700);
     --settings-title-bar-color: rgb(255, 255, 255);
     --settings-title-search-color: rgb(192, 199, 205);
@@ skipping 43 matching lines @@
     --paper-toggle-button-checked-button: {
       @apply(--settings-toggle-button-size);
       transform: translate(14px, 0);
     };
     --paper-toggle-button-checked-button-color: var(--settings-toggle-color);
     --paper-toggle-button-label-spacing: 0;
     --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size);
     --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size);
   }
 </style>