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

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

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://md-settings/certificate_manager_page/certificates_browser_proxy.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-dropdown/iron-dropdown.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
 <link rel="import" href="chrome://md-settings/settings_shared_css.html">
 
 <dom-module id="settings-certificate-subentry">
   <template>
     <style include="settings-shared">
       .dropdown-content {
         background: white;
         /* TODO(dpapad): Use a CSS variable for box-shadow and unify with other
          *  such menus (like in search engines section) */
         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>
       <!-- TODO(dpapad): Figure out RTL for this menu -->
       <template is="dom-if" if="[[menuOpened]]">
         <iron-dropdown vertical-align="top" horizontal-align="right"
             opened="{{menuOpened}}">
           <div class="dropdown-content">
             <paper-item id="view" on-tap="onViewTap_">
               $i18n{certificateManagerView}
@@ skipping 13 matching lines @@
                 on-tap="onDeleteTap_">
               $i18n{certificateManagerDelete}
             </paper-item>
           </div>
         </iron-dropdown>
       </template>
     <div>
   </template>
   <script src="certificate_subentry.js"></script>
 </dom-module>