MD Settings: make custom UIs look "actionable"

chrome/browser/resources/settings/about_page/about_page.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="/about_page/about_page_browser_proxy.html">
 <link rel="import" href="/i18n_setup.html">
 <link rel="import" href="/icons.html">
 <link rel="import" href="/lifetime_browser_proxy.html">
 <link rel="import" href="/settings_page/main_page_behavior.html">
 <link rel="import" href="/settings_page/settings_animated_pages.html">
 <link rel="import" href="/settings_page/settings_section.html">
 <link rel="import" href="/settings_page_css.html">
 <link rel="import" href="/settings_shared_css.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/assert.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 
 <if expr="chromeos">
 <link rel="import" href="/about_page/detailed_build_info.html">
 <link rel="import" href="/settings_page/settings_subpage.html">
 </if>
 
 <dom-module id="settings-about-page">
   <template>
     <style include="settings-shared settings-page-styles">
       .product-title {
         font-size: 20px;
+        margin-bottom: auto;
         margin-top: auto;
-        margin-bottom: auto;
       }
 
       img {
         -webkit-margin-end: 10px;
       }
 
       iron-icon {
         -webkit-margin-end: var(--iron-icon-spacing);
       }
 
-      iron-icon[icon="settings:check-circle"] {
+      iron-icon[icon='settings:check-circle'] {
         fill: var(--paper-blue-600);
       }
 
-      iron-icon[icon="settings:error"] {
+      iron-icon[icon='settings:error'] {
         fill: var(--paper-red-600);
       }
 
       .product-info {
         display: block;
         padding-bottom: 10px;
         padding-top: 10px;
       }
 
       .info-section {
@@ skipping 58 matching lines @@
                   on-tap="onRelaunchAndPowerwashTap_">
                 $i18n{aboutRelaunchAndPowerwash}
               </paper-button>
               <paper-button id="checkForUpdates" class="secondary-action"
                   hidden="[[!shouldShowCheckUpdates_(currentUpdateStatusEvent_)]]"
                   on-tap="onCheckUpdatesTap_">
                 $i18n{aboutCheckForUpdates}
               </paper-button>
 </if>
             </div>
-            <div id="help" class="settings-box two-line" on-tap="onHelpTap_">
+            <div id="help" class="settings-box two-line" on-tap="onHelpTap_"
+                actionable>
               $i18n{aboutGetHelpUsingChrome}
             </div>
 <if expr="_google_chrome">
-            <div id="reportIssue" class="settings-box"
+            <div id="reportIssue" class="settings-box" actionable
                 on-tap="onReportIssueTap_">
               $i18n{aboutReportAnIssue}
             </div>
 </if>
 <if expr="chromeos">
-            <div class="settings-box" on-tap="onDetailedBuildInfoTap_">
+            <div class="settings-box" on-tap="onDetailedBuildInfoTap_"
+                actionable>
               <!-- TODO(dpapad): Localize string. -->
               Detailed build info
             </div>
 </if>
             <div class="settings-box product-info">
               <div class="info-section">
                 <div class="secondary">$i18n{aboutProductTitle}</div>
                 <div class="secondary">$i18n{aboutProductCopyright}</div>
               </div>
 
@@ skipping 20 matching lines @@
               <settings-detailed-build-info></settings-detailed-build-info>
             </settings-subpage>
           </template>
 </if>
         </settings-animated-pages>
       </settings-section>
     </div>
   </template>
   <script src="about_page.js"></script>
 </dom-module>