Console styles

website/themes/uppy/layout/example.ejs

@@ -7,7 +7,7 @@
   It is later made visible, and moved into the #console-wrapper to position it in layout how
   you see fit.
   -->
-  <textarea id="console-log"></textarea>
+  <textarea id="console-log" class="Console"></textarea>
   <script>
   console.log = (function (old_function, div_log) {
     return function (text) {

website/themes/uppy/source/css/_common.scss

@@ -51,6 +51,13 @@ code {
 
 em { color: $color-light; }
 
+hr {
+  border: 0;
+  background: none;
+  border-top: 1px solid $color-gray;
+  margin: 3em 0;
+}
+
 a.button {
   display: inline-block;
   font-family: $fontFamily-code;

website/themes/uppy/source/css/_examples.scss

@@ -1,10 +1,15 @@
-#console-log {
-  border     : 1px solid #ccc;
+/**
+* Console
+*/
+
+.Console {
+  border: 1px solid $color-primary;
   font-family: monospace;
-  font-size  : 12px;
-  line-height: 12px;
-  height     : 112px;
-  overflow   : hidden;
-  width      : 100%;
-  display    : none;
+  font-size: 13px;
+  line-height: 1.4;
+  width: 100%;
+  min-height: 150px;
+  // overflow: hidden;
+  display: none;
+  padding: 10px 10px;
 }