[MD settings] content settings add site button; layout fixes

chrome/browser/resources/settings/settings_shared_css.html

Index: chrome/browser/resources/settings/settings_shared_css.html
diff --git a/chrome/browser/resources/settings/settings_shared_css.html b/chrome/browser/resources/settings/settings_shared_css.html
index 298ac98e5508111c2f3bb056ab0d1a41f0007b3a..e6e2280c1635dca7f1ffdb65f10045bd6141e466 100644
--- a/chrome/browser/resources/settings/settings_shared_css.html
+++ b/chrome/browser/resources/settings/settings_shared_css.html
@@ -163,8 +163,9 @@
       .secondary-button {
         --paper-button: {
           color: var(--paper-grey-600);
-          text-decoration: none;
           font-weight: 500;
+          min-width: 1em;  /* A tighter fit than 5.14em for short buttons. */

[dschuyler, 2016/10/19 18:56:42]

5.14em is the Polymer default value.

+          text-decoration: none;
         };
         --paper-button-flat-keyboard-focus: {
           background: rgba(0, 0, 0, .12);
@@ -229,11 +230,6 @@
         display: block;
       }
 
-      .list-frame .secondary,
-      .list-item .secondary {
-        @apply(--settings-secondary);
-      }
-

[dschuyler, 2016/10/19 18:56:42]

These have become redundant.

       /* A list-item is intended to be contained within a list-frame. The list
        * frame will setup the initial start margin. */
       .list-item {
@@ -324,6 +320,11 @@
         @apply(--settings-secondary);
       }
 
+      /* TODO(dschuyler): add :blank when it's supported by Chrome. */

[dschuyler, 2016/10/19 18:56:42]

The :blank thing looks awesome because it will not 
count blank space. The :empty does count blank space.
so <div></div> is empty and <div> </div> is not empty
(both of those are or will be :blank).

+      .secondary:empty {
+        margin: 0;
+      }
+
       /* The middle part (horizontally) of a row. */
       .settings-box .middle {
         -webkit-padding-start: 16px;