3 files changed, 37 insertions, 3 deletions
diff --git a/pkg/webui/html/base.html b/pkg/webui/html/base.html
index 06328e4..c0138ac 100644
--- a/pkg/webui/html/base.html
+++ b/pkg/webui/html/base.html
@@ -12,11 +12,10 @@
   <span>Login</span>
 </a>
 {{ else }}
-<a href="/states"{{ if eq .Page.Section "states" }} class="active"{{ end}}>
+<a href="/states"{{ if eq .Page.Section "states" }} class="fill"{{ end}}>
   <i>home_storage</i>
   <span>States</span>
 </a>
-<hr>
 <a href="/logout">
   <i>logout</i>
   <span>Logout</span>
@@ -39,6 +38,11 @@
     <nav class="bottom s">{{ template "nav" . }}</nav>
     <header>
       <nav>
+        {{ if ne .Page.Precedent "" }}
+        <a href="{{ .Page.Precedent }}" class="button circle chip">
+            <i>arrow_back</i>
+          </a>
+        {{ end }}
         <h5 class="max center-align">{{ .Page.Title }}</h5>
       </nav>
     </header>
diff --git a/pkg/webui/html/state.html b/pkg/webui/html/state.html
new file mode 100644
index 0000000..4439d9e
--- /dev/null
+++ b/pkg/webui/html/state.html
@@ -0,0 +1,30 @@
+{{ define "main" }}
+<main class="responsive" id="main">
+  <p>
+    Locked:
+    {{ if eq .State.Lock nil }}no{{ else }}
+    <span>yes</span>
+    <div class="tooltip left max">
+      <b>Lock</b>
+      <p>{{ .State.Lock }}</p>
+    </div>
+    {{ end }}
+  </p>
+  <table class="clickable-rows no-space">
+    <thead>
+      <tr>
+        <th>By</th>
+        <th>Created</th>
+      </tr>
+    </thead>
+    <tbody>
+      {{ range .Versions }}
+      <tr>
+        <td><a href="/version/{{ .Id }}">{{ index $.Usernames .AccountId }}</a></td>
+        <td><a href="/version/{{ .Id }}">{{ .Created }}</a></td>
+      </tr>
+      {{ end }}
+    </tbody>
+  </table>
+</main>
+{{ end }}
diff --git a/pkg/webui/html/states.html b/pkg/webui/html/states.html
index f61b87c..787ac73 100644
--- a/pkg/webui/html/states.html
+++ b/pkg/webui/html/states.html
@@ -1,6 +1,6 @@
 {{ define "main" }}
 <main class="responsive" id="main">
-  <table class="clickable-rows no-space stripes">
+  <table class="clickable-rows no-space">
     <thead>
       <tr>
         <th>Path</th>