Add header to network details dialog.

chrome/browser/resources/options2/chromeos/internet_details_page.css

Index: chrome/browser/resources/options2/chromeos/internet_details_page.css
diff --git a/chrome/browser/resources/options2/chromeos/internet_details_page.css b/chrome/browser/resources/options2/chromeos/internet_details_page.css
new file mode 100644
index 0000000000000000000000000000000000000000..ac90ed962af804ff2f2a810b43006b656b1503b6
--- /dev/null
+++ b/chrome/browser/resources/options2/chromeos/internet_details_page.css
@@ -0,0 +1,32 @@
+/* Force tab strip to extend to the left and right edges of the window. */
+#internet-details-content-area {
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+#network-details-header {
+  -webkit-box-orient: horizontal;
+  -webkit-padding-start: 20px;
+  background: #eee;
+  display: -webkit-box;
+  margin: 0;
+  padding-bottom: 12px;
+  padding-top: 8px;
+}
+
+#network-details-header .network-icon {
+  margin-top: 6px;
+}
+
+.subpages-nav-tabs#details-tab-strip {

[csilv, 2012/02/25 01:31:54]

This would probably be a better choice:
  #details-tab-strip.subpages-nav-tabs

[kevers, 2012/02/29 15:30:16]

Done.

+  background: #eee;
+  padding: 4px 20px;
+}
+
+/* Fix the height of the subpages so that the dialog does not resize when the
+   user switches tabs. */
+#internet-details-content-area .subpages-tab-contents {
+  -webkit-padding-end: 10px;
+  height: 350px;
+  overflow-y: auto;
+}