Make review button placement more consistent

+ Consolidate the answer and grading buttons
+ Hide review start form if review is already ongoing

1 files changed, 8 insertions, 9 deletions

diff --git a/card.html b/card.html
index 4d09e75..03c61f9 100644
--- a/card.html
+++ b/card.html
@@ -1,24 +1,23 @@
 <style>
-form[name=card] > p { visibility: hidden }
-form[name=card].answering > p, form[name=card].answered > p { visibility: initial }
-form[name=card].answering > p:nth-of-type(4) { visibility: hidden }
-form[name=card].answered > p:nth-of-type(1) { visibility: hidden }
+form[name=card] button[name=buzz] { display: none }
+form[name=card].answering button[name=buzz] { display: initial }
+form[name=card] input { display: none }
+form[name=card].answered input { display: initial }
 </style>
 
 <form name=card onsubmit="return false">
 <p>
 <button name=buzz>Answer</button>
-<p>
-<output name=question></output>
-<p>
-<output name=answer></output>
-<p>
 <input type=submit name=0 value="Totally blanked">
 <input type=submit name=1 value="Vaguely remembered">
 <input type=submit name=2 value="Should have remembered">
 <input type=submit name=3 value="Remembered, but was hard">
 <input type=submit name=4 value="Remembered, but hesitated">
 <input type=submit name=5 value="Remembered perfectly">
+<p>
+<output name=question></output>
+<p>
+<output name=answer></output>
 </form>
 
 <script>