diff --git a/olmocr/bench/templates/review.html b/olmocr/bench/templates/review.html index fffb61d..ba048d0 100644 --- a/olmocr/bench/templates/review.html +++ b/olmocr/bench/templates/review.html @@ -133,6 +133,17 @@ padding: 15px; border: 1px solid #e0e0e0; border-radius: 4px; + transition: outline 0.15s ease, background-color 0.15s ease; + cursor: pointer; + } + + .test-item:hover { + background-color: #f9f9f9; + } + + .test-item.highlighted { + outline: 2px dotted #4a6fa5; + background-color: #f8f9fa; } .test-header { @@ -215,6 +226,38 @@ color: #333; } + .kbd-shortcut { + display: inline-block; + margin-left: 5px; + padding: 1px 5px; + font-size: 0.8em; + background-color: rgba(255, 255, 255, 0.3); + border-radius: 3px; + vertical-align: middle; + } + + .tests-panel { + position: relative; + } + + .keyboard-help { + position: fixed; + bottom: 20px; + right: 20px; + background: rgba(0, 0, 0, 0.7); + color: white; + padding: 10px 15px; + border-radius: 5px; + z-index: 1000; + font-size: 0.85em; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + display: none; + } + + .keyboard-help.show { + display: block; + } + .next-btn, .prev-btn { background-color: #4a6fa5; color: white; @@ -326,10 +369,10 @@
@@ -361,10 +404,9 @@Keyboard Shortcuts
+↑/↓: Navigate tests
+A: Approve and move to next
+R: Reject and move to next
+E: Edit current test
+N: Next PDF
+P: Previous PDF
+?: Toggle this help
+