[MD settings] PrivacyAndSecurity settings closer to 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">
@@ skipping 53 matching lines @@
               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" on-tap="onManageCertificatesTap_">
-          <paper-item>
-            <paper-item-body>
-              <div i18n-content="manageCertificates"></div>
-            </paper-item-body>
-          </paper-item>
+          <div class="start">
+            <div i18n-content="manageCertificates"></div>
+            <div class="secondary">
+              Contrary to popular belief, Lorem Ipsum is not simply random text.

[dpapad, 2016/01/15 01:16:33]

Maybe add a TODO right here, such that we don't forget to change this later?

<!-- HTML comment foo -->

+            </div>
+          </div>
         </div>
         <div class="settings-box" on-tap="onSiteSettingsTap_">
-          <paper-item>
-            <paper-item-body>
-              <div i18n-content="siteSettings"></div>
-            </paper-item-body>
-          </paper-item>
+          <div class="start">
+            <div i18n-content="siteSettings"></div>
+            <div class="secondary">
+              Contrary to popular belief, Lorem Ipsum is not simply random text.
+            </div>
+          </div>
         </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>
@@ skipping 97 matching lines @@
       <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>