MD Settings: Fix several global UI polish bugs.

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

 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/icon.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
@@ skipping 64 matching lines @@
         padding: 11px 0;
       }
 
       .icon-container {
         display: flex;
         flex-shrink: 0;
         justify-content: center;
         width: 40px;
       }
 
+      #activity-controls {
+        min-height: 85px;

[dschuyler, 2017/01/28 02:24:26]

How about making this var(--settings-row-three-line-min-height) after adding
--settings-row-three-line-min-height: 85px; to settings_vars_css.html

[scottchen, 2017/01/30 22:39:28]

I like that idea, done.

+      }
+
+      /* Avoid orphaned english text (as requested by bettes@) */
+      #activity-controls .secondary {
+        max-width: 460px;

[dschuyler, 2017/01/28 02:24:26]

Can this be done in a way that will allow the card/box with to change (without
this value needing to be updated)? Maybe using a percentage (maybe something
else).

[scottchen, 2017/01/30 22:39:28]

Done.

+      }
+
       #googleg-logo {
         background-image: url(../../../../../ui/webui/resources/images/200-logo_googleg.png);
         background-size: cover;
         height: var(--iron-icon-height);
         width: var(--iron-icon-width);
       }
 
       .footer .settings-box {
         --settings-box-row-padding: 0;
       }
@@ skipping 296 matching lines @@
 <if expr="chromeos">
     <template is="dom-if" if="[[showEasyUnlockTurnOffDialog_]]">
       <easy-unlock-turn-off-dialog id="easyUnlockTurnOffDialog"
           on-close="onEasyUnlockTurnOffDialogClose_">
       </easy-unlock-turn-off-dialog>
     </template>
 </if>
   </template>
   <script src="people_page.js"></script>
 </dom-module>