MD Settings: Certificate manager, add "UNTRUSTED" labels.

chrome/browser/resources/settings/certificate_manager_page/certificate_subentry.html

Index: chrome/browser/resources/settings/certificate_manager_page/certificate_subentry.html
diff --git a/chrome/browser/resources/settings/certificate_manager_page/certificate_subentry.html b/chrome/browser/resources/settings/certificate_manager_page/certificate_subentry.html
index bd27543e12b40cfd460fe7104550d52c37c21fe6..dcc6f13de8c8067f6487d7e3672a3c97d8456b1f 100644
--- a/chrome/browser/resources/settings/certificate_manager_page/certificate_subentry.html
+++ b/chrome/browser/resources/settings/certificate_manager_page/certificate_subentry.html
@@ -17,22 +17,25 @@
         box-shadow: 0 2px 6px grey;
       }
 
-      .container {
-        display: flex;
-        line-height: 30px;
-      }
-
       .name {
         flex: auto;
-        margin: auto;
+      }
+
+      .untrusted {
+        color: var(--paper-red-700);

[dschuyler, 2016/03/29 00:39:17]

Please consider adding a --settings variable
at the top of settings_shared_css.html for an
error color and then referring to it here.  I
believe we will need an error color in more
places.  (I think Default Browser may have an
old 'color: red;' icon that needs to be changed,
for example).

maybe --settings-error-color?

This can be done separately, but it would be
cooler to do it here :)

[dpapad, 2016/03/29 00:57:54]

Done.

+        font-weight: 500;
+        text-transform: uppercase;
+        -webkit-margin-end: 16px;
       }
 
       paper-item:hover {
         background-color: var(--google-grey-300);

[dschuyler, 2016/03/29 00:39:17]

Same-ish comment about using a color variable
defined in settings_shared_css.html (or making
a new one).

maybe --settings-hover-color?

[dpapad, 2016/03/29 00:57:54]

Done.

       }
     </style>
-    <div class="container">
-      <paper-icon-button icon="image:brightness-1"></paper-icon-button>
+    <div class="list-item underbar">
+      <div class="untrusted" hidden$="[[!model.untrusted]]">
+        $i18n{certificateManagerUntrusted}
+      </div>
       <div class="name">[[model.name]]</div>
       <paper-icon-button id="dots" icon="more-vert" toggles
           active="{{menuOpened}}"></paper-icon-button>