Style improvements to chrome://webrtc-internals.

content/browser/resources/media/webrtc_internals.css

Index: content/browser/resources/media/webrtc_internals.css
diff --git a/content/browser/resources/media/webrtc_internals.css b/content/browser/resources/media/webrtc_internals.css
index 20e378577fca76bb8c5b75cbf6118dd3db5d1544..ae1c2c75e8823ee324d2959f1748301a8ec58e06 100644
--- a/content/browser/resources/media/webrtc_internals.css
+++ b/content/browser/resources/media/webrtc_internals.css
@@ -15,11 +15,85 @@ textarea {
 }
 
 .log-header-event {
-  min-width: 720px;
+  min-width: 600px;
 }
 
 .stats-table-container {
   float: left;
-  padding-left: 5px;
-  padding-right: 5px;
+  padding: 0 0 0 0;
+}
+
+body {
+  font-family: 'Lucida Grande', sans-serif;
+  padding: 20px;
+}
+
+button {
+  margin-left: 1em;
+}
+
+h3 + div {
+  font-size: 0.8em;
+  margin: 0 0 1.2em 0;
+}
+
+h2 {
+  border-bottom: 1px solid #eee;
+  color: #666;
+  font-size: 1.1em;
+  margin: 0 0 1.6em 0;
+  padding: 0 0 0.7em 0;
+}
+
+h3 {
+  color: #666;
+  font-size: 0.9em;
+  margin: 0 0 0.5em 0;
+}
+
+li {
+  list-style-type: none;
+  margin: none;
+  padding: none;
+}
+
+span {
+  width: 17em;
+  display: inline-block;
+}
+
+table {
+  border: none;
+  margin: 0 1em 1em 0;
+}
+
+td {
+  border: none;
+  font-size: 0.8em;
+  padding: 0 1em 0.5em 0;
+}
+
+td:first-child {
+  padding-top: 0.3em;
+}
+
+textarea {
+  border: none;
+  outline: none;
+}
+
+table > tr {
+  vertical-align: top;
+}
+
+th {
+  border: none;
+  font-size: 0.8em;
+  padding: 0 0 0.5em 0;
+}
+
+ul {
+  margin: none;
+  padding: none;
+  -webkit-padding-start: 0px;
 }