diff --git a/qt/aqt/reviewer.py b/qt/aqt/reviewer.py
index 964268f6c..15045dc59 100644
--- a/qt/aqt/reviewer.py
+++ b/qt/aqt/reviewer.py
@@ -575,7 +575,7 @@ time = %(time)d;
def _showAnswerButton(self) -> None:
middle = """
%s
-""" % (
+""" % (
self._remaining(),
_("Shortcut key: %s") % _("Space"),
_("Show Answer"),
@@ -644,7 +644,7 @@ time = %(time)d;
def but(i, label):
if i == default:
- extra = "id=defease"
+ extra = """id="defease" class="focus" """
else:
extra = ""
due = self._buttonTime(i)
diff --git a/qt/ts/scss/reviewer-bottom.scss b/qt/ts/scss/reviewer-bottom.scss
index 92c9d4d57..16d3b9dc5 100644
--- a/qt/ts/scss/reviewer-bottom.scss
+++ b/qt/ts/scss/reviewer-bottom.scss
@@ -33,7 +33,17 @@ button {
white-space: nowrap;
}
-#ansbut { margin-bottom: 1em; }
+#ansbut {
+ margin-bottom: 1em;
+}
+
+.focus {
+ outline: 5px auto rgba(0, 103, 244, 0.247);
+
+ &:focus {
+ outline-color: rgba(92, 160, 255, 0.247);
+ }
+}
.nobold {
font-weight: normal;
diff --git a/qt/ts/src/reviewer-bottom.ts b/qt/ts/src/reviewer-bottom.ts
index 8bb5e014f..5b8219bbb 100644
--- a/qt/ts/src/reviewer-bottom.ts
+++ b/qt/ts/src/reviewer-bottom.ts
@@ -36,14 +36,12 @@ let updateTime = function () {
function showQuestion(txt, maxTime_) {
// much faster than jquery's .html()
$("#middle")[0].innerHTML = txt;
- $("#ansbut").focus();
time = 0;
maxTime = maxTime_;
}
function showAnswer(txt) {
$("#middle")[0].innerHTML = txt;
- $("#defease").focus();
}
function selectedAnswerButton() {