[MD settings] help button in content settings site lists

chrome/browser/resources/settings/settings_shared_css.html

 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
 <link rel="import" href="/settings_vars_css.html">
 
 <!-- Common styles for Material Design settings. -->
 <dom-module id="settings-shared">
   <template>
     <style include="cr-shared-style">
       button[is='paper-icon-button-light'] {
         -webkit-margin-end: -8px;  /* Allow ripple to overlap the end. */
         -webkit-margin-start: 16px;
@@ skipping 10 matching lines @@
       }
 
       [actionable] button[is="paper-icon-button-light"].subpage-arrow {
         background-image: url(images/arrow_right.svg);
       }
 
       [actionable] button[is="paper-icon-button-light"].icon-external {
         background-image: url(images/open_in_new.svg);
       }
 
+      button[is="paper-icon-button-light"].icon-help {

[dpapad, 2016/10/21 01:53:59]

Double quotes are used here, no quotes and single quotes are used at line 35
below. Can we stick with one way? From the styleguide

"Use single quotation marks for attribute selectors and property values", see
https://google.github.io/styleguide/htmlcssguide.xml?showone=CSS_Quotation_Ma....


Also, since this is only used in the privacy page, why not put this CSS rule
there?

[dschuyler, 2016/10/21 21:10:41]

I need to make a presubmit for this. In my mind, I want it to match
what I see in the html, so I keep making this mistake.

Done.

+        background-image: url(images/help_outline.svg);
+      }
+
       :host-context([dir=rtl]) paper-icon-button[icon='settings:arrow-back'] {
         transform: scaleX(-1);  /* Flip on the X axis (aka mirror). */
       }
 
       /* Use <h2> as the "sub-header" mentioned in the UX design docs. */
       h2 {
         align-items: center;
         align-self: flex-start;
         color: var(--paper-grey-600);
         display: flex;
@@ skipping 380 matching lines @@
       /* Turns the arrow direction downwards, when the bubble is placed above
        * the anchor element */
       .search-bubble-innards.above::after {
         -webkit-transform: rotate(-135deg);
         bottom: -5px;
         top: auto;
       }
     </style>
   </template>
 </dom-module>