refactor(html): missed some html5 class templates

Author: duncdrum

src/main/xar-resources/diagnostics.html

@@ -1,4 +1,4 @@
 <div data-template="templates:surround" data-template-with="templates/page.html" data-template-at="main">
     <h1>Documentation link diagnostics</h1>
-    <div class="diag:diagnose"/>
+    <div data-template="diag:diagnose"/>
 </div>

src/main/xar-resources/editorial-view.html

@@ -1,4 +1,4 @@
 <div data-template="templates:surround" data-template-with="templates/page.html" data-template-at="main">
     <h1>Editorial view</h1>
-    <div class="review:editorial-view"/>
+    <div data-template="review:editorial-view"/>
 </div>

src/main/xar-resources/error-page.html

@@ -1,8 +1,8 @@
 <div data-template="templates:surround" data-template-with="templates/page.html" data-template-at="main">
     <h1>An error has occurred</h1>
     <p>An error has been generated by the application.</p>
-    <pre class="error templates:error-description"/>
+    <pre class="error" data-template="templates:error-description"/>
     <div class="source-links">
-        <p>View source: <a class="templates:load-source" href="login.html">this page</a>.</p>
+        <p>View source: <a data-template="templates:load-source" href="login.html">this page</a>.</p>
     </div>
 </div>

src/main/xar-resources/search.html

@@ -3,7 +3,7 @@
         <div class="col-md-12" id="content">
             <form action="search.html" class="form-horizontal" method="GET" name="f-query" role="form">
                 <div class="form-group">
-                    <label class="control-label col-sm-2" for="inputSearch">Search for</label>
+                    <label class="control-label col-sm-4" for="inputSearch">Search for</label>
                     <div class="col-sm-10">
                         <input class="form-control templates:form-control" id="inputSearch" name="q" type="text"/>
                     </div>
@@ -18,7 +18,7 @@
                     </div>
                 </div>
                 <div class="form-group">
-                    <label class="control-label col-sm-2" for="view">and display as</label>
+                    <label class="control-label col-sm-6" for="view">and display as</label>
                     <div class="col-sm-10">
                         <select class="form-control templates:form-control" name="view">
                             <option selected="selected" value="summary">Summary</option>
@@ -37,4 +37,4 @@
             <div class="dq:query"/>
         </div>
     </div>
-</div>
+</div>

src/main/xar-resources/templates/content.html

@@ -1,14 +1,14 @@
 <div data-template="templates:surround" data-template-with="templates/page.html" data-template-at="main">
-    <div class="docbook:load">
+    <div data-template="docbook:load">
         <div class="col-md-9" id="content">
             <div class="content">
-                <div class="docbook:to-html"/>
+                <div data-template="docbook:to-html"/>
             </div>
         </div>
         <div class="col-md-3" id="sidebar">
             <div class="well">
-                <div class="docbook:toc"/>
+                <div data-template="docbook:toc"/>
             </div>
         </div>
     </div>
-</div>
+</div>