Make review button placement more consistent

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

2 files changed, 12 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>
diff --git a/reviewer.html b/reviewer.html
index 8f8be17..7405c65 100644
--- a/reviewer.html
+++ b/reviewer.html
@@ -64,6 +64,10 @@ async function review$(deck, nc) {
 }
 </script>
 
+<style>
+form[name=card]:is(.answering, .answered) + form[name=grader] { visibility: hidden }
+</style>
+
 <form name=grader onsubmit="review$($deck, this.nc.value); this.nc.value = 0; return false">
 <p>
 <label>Add <input type=number min=-1 name=nc> cards</label>