improve appearance of honkers page

views/honkers.html

@@ -14,17 +14,22 @@
 </div>
 {{ $honkercsrf := .HonkerCSRF }}
 {{ range .Honkers }}
-<form action="/savehonker" method="POST" class="honk">
-<input type="hidden" name="CSRF" value="{{ $honkercsrf }}">
-<input type="hidden" name="honkerid" value="{{ .ID }}">
-<p>name: {{ .Name }}
-<p>url: {{ .XID }}
+<div class="honk">
+<div class="title">
+<img alt="avatar" src="/a?a={{ .XID }}">
+<p style="font-size: 1.8em">{{ .Name }}
+</div>
+<p>url: <a href="{{ .XID }}" rel=noreferrer>{{ .XID }}</a>
 <p>flavor: {{ .Flavor }}
 <p><a href="/h/{{ .Name }}">honks</a>
 <p>combos:{{ range .Combos }} <a href="/c/{{ . }}">{{ . }}</a>{{ end }}
+<form action="/savehonker" method="POST">
+<input type="hidden" name="CSRF" value="{{ $honkercsrf }}">
+<input type="hidden" name="honkerid" value="{{ .ID }}">
 <p>combos: <input type="text" name="combos" value="{{ range .Combos }}{{ . }} {{end}}">
 <p><input type="submit" name="save" value="save">
 </form>
+</div>
 {{ end }}
 </div>
 </div>