Added: Answer button times

qt/aqt/reviewer.py

@@ -1272,6 +1272,9 @@ class SvelteReviewer(Reviewer):
         self._remaining()
         self.bottom.web.eval('showQuestion("",%d);' % (maxTime))
 
+    def _buttonTime(self, i: int, v3_labels: Sequence[str]) -> str:
+        return v3_labels[i - 1] if self.mw.col.conf["estTimes"] else ""
+
     def _linkHandler(self, url: str) -> None:
         if url == "bottomReady":
             self._showQuestion()

ts/routes/reviewer/reviewer-bottom/AnswerButton.svelte

@@ -9,6 +9,15 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     export let info: AnswerButtonInfo;
 </script>
 
+<span>
+    {info.due}
+</span>
 <button on:click={() => bridgeCommand(`ease${info.i}`)}>
     {info.label}
 </button>
+
+<style>
+    span {
+        text-align: center;
+    }
+</style>

ts/routes/reviewer/reviewer-bottom/ReviewerBottom.svelte

@@ -28,7 +28,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
             </button>
         </div>
         <div class="review-buttons">
-            <span>
+            {#if $answerButtons.length}
+                {#each $answerButtons as answerButton}
+                    <AnswerButton info={answerButton}></AnswerButton>
+                {/each}
+            {:else}
+                <span class="remaining-count">
                     <RemainingNumber cls="new-count" underlined={$remainingIndex === 0}>
                         {$remaining[0]}
                     </RemainingNumber> +
@@ -39,18 +44,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                         {$remaining[2]}
                     </RemainingNumber>
                 </span>
-            <div>
-                {#if $answerButtons.length}
-                    {#each $answerButtons as answerButton}
-                        <AnswerButton info={answerButton}></AnswerButton>
-                    {/each}
-                {:else}
                 <button on:click={() => bridgeCommand("ans")}>
                     {tr.studyingShowAnswer()}
                 </button>
             {/if}
         </div>
-        </div>
         <div>
             <button
                 on:click={() => bridgeCommand("more")}
@@ -72,8 +70,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     }
 
     .review-buttons {
-        display: flex;
+        display: grid;
-        flex-direction: column;
+        grid-auto-flow: column;
-        align-items: center;
+        grid-template-rows: auto auto;
+    }
+
+    .remaining-count {
+        text-align: center;
     }
 </style>