[MD settings] small change to privacy page to better match UI mocks

chrome/browser/resources/settings/privacy_page/privacy_page.html

 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.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">
 <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-body.html">
 <link rel="import" href="chrome://md-settings/certificate_manager_page/certificate_manager_page.html">
 <link rel="import" href="chrome://md-settings/clear_browsing_data_page/clear_browsing_data_page.html">
 <link rel="import" href="chrome://md-settings/controls/settings_checkbox.html">
 <link rel="import" href="chrome://md-settings/settings_page/settings_animated_pages.html">
 <link rel="import" href="chrome://md-settings/settings_page/settings_subheader.html">
 <link rel="import" href="chrome://md-settings/site_settings_page/site_settings_page.html">
 
 <dom-module id="settings-privacy-page">
   <link rel="import" type="css"
       href="chrome://md-settings/settings_page/settings_page.css">
@@ skipping 45 matching lines @@
           <settings-checkbox
               pref="{{prefs.cros.device.attestation_for_content_protection_enabled}}"
               i18n-values="label:enableContentProtectionAttestation">
           </settings-checkbox>
           <settings-checkbox
               pref="{{prefs.settings.internet.wake_on_wifi_darkconnect}}"
               i18n-values="label:wakeOnWifi">
           </settings-checkbox>
 </if>
         </div>
-        <div class="settings-box end-justified">
-          <paper-button
-              on-tap="onManageCertificatesTap_"
-              i18n-content="manageCertificates">
-          </paper-button>
-          <paper-button
-              on-tap="onSiteSettingsTap_"
-              i18n-content="siteSettings">
-          </paper-button>
-          <paper-button
-              on-tap="onClearBrowsingDataTap_"
-              raised i18n-content="clearBrowsingData">
+        <div class="settings-box" on-tap="onManageCertificatesTap_">
+          <paper-item>
+            <paper-item-body>
+              <div i18n-content="manageCertificates"></div>
+            </paper-item-body>
+          </paper-item>
+        </div>

[stevenjb, 2015/11/24 16:51:12]

Is this a style that we will be using elsewhere? If so, would it be worth it to
make a single custom element that uses the same behaviors and applies the same
stylings in a single element?

I bring this up because, while this is only two elements, if we do it a lot it
does add up, and one of the things that came up repeatedly in the performance
meeting was number of DOM nodes.

[dschuyler, 2015/11/24 17:37:26]

That makes sense.  I'll keep an eye out and add that on the third+ instance.  It

seems likely to happen.

+        <div class="settings-box" on-tap="onSiteSettingsTap_">
+          <paper-item>
+            <paper-item-body>
+              <div i18n-content="siteSettings"></div>
+            </paper-item-body>
+          </paper-item>
+        </div>
+        <div class="settings-box">
+          <paper-button on-tap="onClearBrowsingDataTap_"
+              i18n-content="clearBrowsingData">
           </paper-button>
         </div>
       </neon-animatable>
       <neon-animatable id="manage-certificates">
         <settings-subheader i18n-values="page-title:manageCertificates">
         </settings-subheader>
         <settings-certificate-manager-page>
         </settings-certificate-manager-page>
       </neon-animatable>
       <neon-animatable id="site-settings">
         <settings-subheader i18n-values="page-title:siteSettings">
         </settings-subheader>
         <settings-site-settings-page></settings-site-settings-page>
       </neon-animatable>
       <neon-animatable id="clear-browsing-data">
         <settings-subheader i18n-values="page-title:clearBrowsingData">
         </settings-subheader>
         <settings-clear-browsing-data-page prefs="{{prefs}}">
         </settings-clear-browsing-data-page>
       </neon-animatable>
     </settings-animated-pages>
   </template>
   <script src="privacy_page.js"></script>
 </dom-module>