MD Settings: Fix several global UI polish bugs.

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

Index: chrome/browser/resources/settings/people_page/people_page.html
diff --git a/chrome/browser/resources/settings/people_page/people_page.html b/chrome/browser/resources/settings/people_page/people_page.html
index f84470a51aa3be6ee244a59df589e3829dc0882d..a3b63b9913772731761704a88b6e26f7caeb237f 100644
--- a/chrome/browser/resources/settings/people_page/people_page.html
+++ b/chrome/browser/resources/settings/people_page/people_page.html
@@ -82,6 +82,15 @@
         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;