ui: pre fixes, dist build changes

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

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>

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>

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 {