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..6cdd717a3acb7d53de93ba9b5f665996b14216e5 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-detailed-wrapper,
 .extension-error-simple-wrapper {
   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;
@@ -50,5 +71,18 @@
 }
 
 .extension-error-view-source {
+  -webkit-margin-start: 0 !important;
   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;
+}