Settings Rewrite: Make a common settings-section component.

chrome/browser/resources/settings/settings_page/settings_section.css

Index: chrome/browser/resources/settings/settings_page/settings_section.css
diff --git a/chrome/browser/resources/settings/settings_page/settings_page.css b/chrome/browser/resources/settings/settings_page/settings_section.css
similarity index 50%
copy from chrome/browser/resources/settings/settings_page/settings_page.css
copy to chrome/browser/resources/settings/settings_page/settings_section.css
index 25dd0d8d9d875659ac24c01c68af1839366d10cc..7716b1740a50c2df7f162190226fe83812ad4e98 100644
--- a/chrome/browser/resources/settings/settings_page/settings_page.css
+++ b/chrome/browser/resources/settings/settings_page/settings_section.css
@@ -7,11 +7,31 @@
  * Common styles for Settings pages.
  */
 :host > paper-material {
-  -webkit-padding-start: 80px;
+  @apply(--shadow-elevation-4dp);
   background-color: white;
-  display: flex;
-  flex-direction: column;
-  padding: 40px;
+  margin: 16px;
+  width: 605px;
+}
+
+.header {
+  @apply(--layout-horizontal);
+  @apply(--layout-center);
+  background-color: #f8f8f8;
+  border-bottom: 1px solid rgba(0, 0, 0, .1);
+  padding: 16px;
+}
+
+.header iron-icon {
+  color: rgba(0, 0, 0, .87);
+  padding-right: 16px;

[Dan Beam, 2015/07/23 18:33:08]

-webkit-padding-end

[tommycli, 2015/07/23 19:00:43]

Done.

+}
+
+.header .title {
+  @apply(--paper-font-body2);
+}
+
+div.content-container {
+  padding: 16px;
 }
 
 .soft-border {

[michaelpg, 2015/07/23 18:21:17]

unused (used in settings_page.css)

[tommycli, 2015/07/23 19:00:43]

Done.

@@ -22,15 +42,3 @@
 .page-content {

[michaelpg, 2015/07/23 18:21:17]

unused (used in settings_page.css)

[tommycli, 2015/07/23 19:00:43]

Done.

   width: 760px;
 }
-
-cr-settings-page-header {
-  margin-bottom: 30px;
-  min-height: 24px;
-}
-
-cr-settings-checkbox {
-  -webkit-margin-end: 10px;
-  -webkit-margin-start: 0;
-  margin-bottom: 10px;
-  margin-top: 10px;
-}