1 files changed, 42 insertions, 16 deletions
diff --git a/libpathod/templates/request_preview.html b/libpathod/templates/request_preview.html
index 40f7771e..e4efd9d0 100644
--- a/libpathod/templates/request_preview.html
+++ b/libpathod/templates/request_preview.html
@@ -1,26 +1,52 @@
 {% extends "frame.html" %}
 {% block body %}  
 
-<h1>Preview</h1>
+<div class="page-header">
+    <h1>pathoc preview</h1>
+</div>
+
+<div style="margin-bottom: 20px" class="row">
+    <div class="span2">
+        <h3>Specification:</h3>
+    </div>
+    <div class="span10">
+        {% include "request_previewform.html" %}
+    </div>
+</div>
 
 {% if syntaxerror %}
-    <h2> Error: {{ syntaxerror }} </h2>
-    <pre>{{ marked }}</pre>
+    <div class="row">
+        <div class="span2">
+            <h3>Error:</h3>
+        </div>
+        <div class="span10">
+            <p style="color: #ff0000">{{ syntaxerror }}</p>
+            <pre>{{ marked }}</pre>
+        </div>
+    </div>
 {% elif error %}
-    <p style="color: #ff0000">{{ error }}</p>
+    <div class="row">
+        <div class="span2">
+            <h3>Error:</h3>
+        </div>
+        <div class="span10">
+            <p style="color: #ff0000">{{ error }}</p>
+        </div>
+    </div>
 {% else %}
-    <h2>Spec:</h2>
-
-    <pre>{{ spec }}</pre>
-
-    <h2>Request:</h2>
+    <div class="row">
+        <div class="span2">
+            <h3>Request:</h3>
+        </div>
+        <div class="span10">
+            <pre>{{ output }}</pre>
+            {% if pauses %}
+                <p>Note: pauses are skipped when generating previews!</p>
+            {% endif %}  
+        </div>
+    </div>
+{% endif %}  
 
-    <pre>{{ output }}</pre>
+{% endblock %}  
 
-    {% if pauses %}
-        <p>Note: pauses are skipped when generating previews!</p>
-    {% endif %}  
 
-{% endif %}  
-{% include "request_previewform.html" %}
-{% endblock %}