[chromeos/about:power] Collect cpuidle and cpufreq stats

chrome/browser/resources/chromeos/power.css

Index: chrome/browser/resources/chromeos/power.css
diff --git a/chrome/browser/resources/chromeos/power.css b/chrome/browser/resources/chromeos/power.css
index 2ebbdb02c673a29e705cb9d6b05d0bcbf2965022..a675d894e151b3338f932670568e71d972bb3932 100644
--- a/chrome/browser/resources/chromeos/power.css
+++ b/chrome/browser/resources/chromeos/power.css
@@ -4,24 +4,68 @@
  * found in the LICENSE file.
  */
 
-#main-layout {
+#main-table {
+  border-collapse: collapse;
+  border-width: 0;
   margin-left: auto;
   margin-right: auto;
-  width: 600px;
+  table-layout: fixed;
+  width: 1000px;
 }
 
-hr.section-boundary {
-  background: #000;
-  border: 0;
-  height: 2px;
+tr.section-row {
+  border-bottom-width: 2px;
+  border-color: #000;
+  border-left-width: 0;
+  border-right-width: 0;
+  border-style: solid;
+  border-top-width: 2px;
   width: 100%;
 }
 
-div.plot-canvas-div {
-  overflow: auto;
+td.title-cell {
+  border-width: 0;
+  text-align: right;
+  vertical-align: top;
+  width: 15%;
+}
+
+p.title-text {
+  font-weight: bold;
+  margin-right: 10px;
+}
+
+td.show-button-cell {
+  border-bottom-width: 0;
+  border-color: #aaa;
+  border-left-width: 1px;
+  border-right-width: 1px;
+  border-style: solid;
+  border-top-width: 0;
+  text-align: center;
+  vertical-align: top;
+  width: 10%;
+}
+
+td.plots-cell {
+  border-width: 0;
+  padding: 10px;
+  text-align: left;
+  width: 75%;
+}
+
+div.section-div {
+  width: 100%;
+}
+
+div.plots-div {
   width: 100%;
 }
 
+button.show-button {
+  margin: 10px;
+}
+
 button.reload-button {
   margin-bottom: 10px;
   margin-top: 10px;