Improve UI for unpacked extensions failing to load

chrome/browser/resources/extensions/extension_load_error.css

Index: chrome/browser/resources/extensions/extension_load_error.css
diff --git a/chrome/browser/resources/extensions/extension_load_error.css b/chrome/browser/resources/extensions/extension_load_error.css
new file mode 100644
index 0000000000000000000000000000000000000000..b3a2c98be330719988c006ef33bc24659df371de
--- /dev/null
+++ b/chrome/browser/resources/extensions/extension_load_error.css
@@ -0,0 +1,44 @@
+/* Copyright (c) 2012 The Chromium Authors. All rights reserved.

[not at google - send to devlin, 2014/04/25 17:10:20]

2014 :)

[Devlin, 2014/04/25 18:13:12]

Done.

+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file. */
+

[not at google - send to devlin, 2014/04/25 17:10:20]

i'm going tro trust you on this one.

+#extension-load-error {
+  -webkit-margin-before: 10px;
+  -webkit-margin-end: 20px;
+  -webkit-padding-after: 10px;
+  -webkit-padding-end: 3px;
+  -webkit-padding-start: 10px;
+  background-color: rgba(255, 249, 221, 1);
+  border-radius: 7px;
+  display: flex;
+  flex-direction: column;
+  font-size: 1.1em;
+  position: relative;

[not at google - send to devlin, 2014/04/25 17:10:20]

shouldn't need this

[Devlin, 2014/04/25 18:13:12]

Done.

+}
+
+#extension-load-error h2 {
+  font-size: 14px;
+  font-weight: bold;
+}
+
+#extension-load-error-message {
+  -webkit-margin-before: 5px;
+}
+
+#extension-load-error-manifest {
+  -webkit-margin-before: 10px;
+  background-color: rgba(255, 250, 240, 1);
+  font-family: monospace;
+  max-height: 100px;
+  max-width: 350px;
+  overflow: auto;
+  padding: 7px;
+}
+
+#extension-load-error-manifest .highlighted-source {
+  background-color: pink;
+}
+
+#extension-load-error-controls {
+  align-self: flex-end;
+}