diff --git a/template.html b/template.html
index 265c820..bbabcb7 100644
--- a/template.html
+++ b/template.html
@@ -8,33 +8,36 @@ table {
     border-spacing: 0pt;
     font-family: 'Arial Unicode MS';
     border-collapse: collapse;
-    border-color: black;
-    border-style: solid;
     border-width: 0pt 0pt 0pt 0pt;
 }
 
 td {
-width: 24pt;
-height: 24pt;
-border-collapse: collapse;
-border-color: black;
-border-style: solid;
-border-width: 0pt 0pt 0pt 0pt
+    width: 24pt;
+    height: 24pt;
+    border-collapse: collapse;
+    border-color: black;
+    border-style: solid;
+    border-width: 0pt 0pt 0pt 0pt
 }
 
 span {
     font-size: 150%;
 }
 
+input[type="text"] {
+    width: 60px;
+}
+
 </style>
 
 </head>
 
 <body>
+<div align="center">
 <table>
 <tbody>
     % ranks = "87654321"
-    % ranks = ranks if game.turn=="white" else ranks[::-1]
+    % #ranks = ranks if game.turn=="white" else ranks[::-1]
     % files = "abcdefgh"
     % is_black = lambda x: (ord(x[0])-ord('a')) % 2 != int(x[1]) % 2
     % for i, rank in enumerate(ranks):
@@ -57,13 +60,28 @@ span {
         </tr>
 </tbody>
 </table>
+
+<form method="post">
+% first = "disabled" if game.index < 2 else ""
+% prev = "disabled" if game.index == 0 else ""
+% next = "disabled" if game.index+1 == len(game.history) else ""
+% last = "disabled" if game.index+2 >= len(game.history) else ""
+<input type="submit" name="first" value="{{"<<"}}" {{first}}>
+<input type="submit" name="prev" value="{{"<"}}" {{prev}}>
+<input type="submit" name="next" value="{{">"}}" {{next}}>
+<input type="submit" name="last" value="{{">>"}}" {{last}}>
+</form>
+
 <form method="post">
 % if not game.endofgame():
 <input type="text" name="move">
 <input type="submit" value="Move">
 % else:
-<input type="submit" name="new" value="New Game">
+<input type="submit" name="newgame" value="New Game">
 % end
 </form>
+
+</div>
+
 </body>
 </html>
