From 01490554d7fa9a9b3807e969dab5d40d499224a4 Mon Sep 17 00:00:00 2001
From: Jack Pearkes <jackpearkes@gmail.com>
Date: Thu, 1 May 2014 11:31:56 -0400
Subject: [PATCH] ui: pre fixes, dist build changes

---
 ui/Makefile          | 2 +-
 ui/README.md         | 3 +++
 ui/index.html        | 7 ++++---
 ui/styles/_type.scss | 3 ++-
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/ui/Makefile b/ui/Makefile
index 4956a7501..4a0456231 100644
--- a/ui/Makefile
+++ b/ui/Makefile
@@ -9,6 +9,6 @@ dist:
 	@sass styles/base.scss static/base.css
 	@ruby scripts/compile.rb
 	cp -R ./static dist/static
-	cp index.html dist/
+	cp index.html dist/index.html
 
 .PHONY: server watch dist
diff --git a/ui/README.md b/ui/README.md
index e7f7b48eb..7efc56f84 100644
--- a/ui/README.md
+++ b/ui/README.md
@@ -50,3 +50,6 @@ An example of this command, from inside the `ui/` directory, would be:
 These steps are slightly manual at the moment.
 
 1. Build with `make dist`
+2. In `dist/index.html`, replace the JS files between `<!-- ASSETS -->` tags with:
+
+    <script src="static/application.min.js"></script>
diff --git a/ui/index.html b/ui/index.html
index cf99ab3c2..847baad77 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -352,9 +352,7 @@
             <h5>Notes</h5>
             <p>{{ check.Notes }}</p>
             <h5>Output</h5>
-            <pre>
-{{check.Output}}
-            </pre>
+            <pre>{{check.Output}}</pre>
           </div>
         </div>
 
@@ -401,6 +399,7 @@
     </div>
   </script>
 
+  <!-- ASSETS -->
   <script src="javascripts/libs/jquery-1.10.2.js"></script>
   <script src="javascripts/libs/handlebars-1.1.2.js"></script>
   <script src="javascripts/libs/ember-1.5.1.js"></script>
@@ -413,5 +412,7 @@
   <script src="javascripts/app/controllers.js"></script>
   <!-- to activate the test runner, add the "?test" query string parameter -->
   <script src="tests/runner.js"></script>
+  <!-- /ASSETS -->
+
 </body>
 </html>
diff --git a/ui/styles/_type.scss b/ui/styles/_type.scss
index 6483dbb04..b7a2cd6df 100644
--- a/ui/styles/_type.scss
+++ b/ui/styles/_type.scss
@@ -58,7 +58,8 @@ h4.breadcrumbs {
 pre {
     background-color: $gray;
     color: white;
-    font-size: 11px;
+    font-weight: 700;
+    font-size: 12px;
 }
 
 .bold {