Add UI for RuntimeErrors in the ErrorConsole

chrome/browser/resources/extensions/extension_error.css

Index: chrome/browser/resources/extensions/extension_error.css
diff --git a/chrome/browser/resources/extensions/extension_error.css b/chrome/browser/resources/extensions/extension_error.css
index 0ec0c6a73885efdeedb65b3bf81042a461941cad..b2ca889cd55164a06da4f334e9b5b55b63629bbb 100644
--- a/chrome/browser/resources/extensions/extension_error.css
+++ b/chrome/browser/resources/extensions/extension_error.css
@@ -6,9 +6,12 @@
   cursor: pointer;
 }
 
+.extension-error-list ul {
+  list-style-type: none;
+}
+
 .extension-error-list-contents {
   -webkit-padding-start: 20px;
-  list-style-type: none;
 }
 
 .extension-error-list-show-more {
@@ -16,10 +19,28 @@
   width: 100%;
 }
 
-.extension-error-simple-wrapper {
+.extension-error-simple-wrapper,
+.extension-error-detailed-wrapper {

[not at google - send to devlin, 2013/09/06 17:05:19]

alphabetise?

[Devlin, 2013/09/06 18:18:02]

Done.

+  width: 100%;
+}
+
+.extension-error-metadata {
+  display: inline-block;
   width: 100%;
 }
 
+.extension-error-detailed-wrapper summary::-webkit-details-marker {
+  -webkit-margin-start: -15px;
+}
+
+.extension-error-detailed-wrapper details :focus {
+  outline: none;
+}
+
+.extension-error-detailed-wrapper details[open] {
+  -webkit-margin-after: 10px;
+}
+
 .extension-error-icon {
   -webkit-margin-end: 3px;
   -webkit-margin-start: 3px;
@@ -52,3 +73,15 @@
 .extension-error-view-source {
   float: right;
 }
+
+.extension-error-details {
+  -webkit-margin-start: 30px;
+}
+
+.extension-error-stack-trace-list {
+  -webkit-padding-start: 20px;
+}
+
+.extension-error-stack-trace-list .extension-error-view-source {
+  float: none;
+}