From 9011cf87ff665d88873e2fd2d4380c367d0282a1 Mon Sep 17 00:00:00 2001
From: Luc Mcgrady <lucmcgrady@gmail.com>
Date: Tue, 4 Nov 2025 22:12:36 +0000
Subject: [PATCH] Fix: Old reviewer css

---
 qt/aqt/data/web/css/reviewer-bottom.scss      | 84 +++++++++++++++++++
 .../reviewer-bottom/ReviewerBottom.svelte     |  4 +
 ts/routes/reviewer/reviewer-bottom/index.scss | 84 ++-----------------
 3 files changed, 94 insertions(+), 78 deletions(-)
 create mode 100644 qt/aqt/data/web/css/reviewer-bottom.scss

diff --git a/qt/aqt/data/web/css/reviewer-bottom.scss b/qt/aqt/data/web/css/reviewer-bottom.scss
new file mode 100644
index 000000000..8368f4da8
--- /dev/null
+++ b/qt/aqt/data/web/css/reviewer-bottom.scss
@@ -0,0 +1,84 @@
+/* Copyright: Ankitects Pty Ltd and contributors
+ * License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
+
+@use "../../../../../ts/lib/sass/root-vars";
+@use "../../../../../ts/lib/sass/vars" as *;
+@use "../../../../../ts/lib/sass/card-counts";
+
+:root {
+    --focus-color: #{palette-of(border-focus)};
+
+    .isMac {
+        --focus-color: rgba(0 103 244 / 0.247);
+    }
+}
+
+body {
+    margin: 0;
+    padding: 0;
+}
+
+#middle td[align="center"] {
+    padding-top: 10px;
+    position: relative;
+}
+
+button {
+    min-width: 60px;
+    white-space: nowrap;
+    margin: 9px;
+    position: relative;
+}
+
+.hitem {
+    margin-top: 2px;
+}
+
+.stat {
+    padding-top: 10px;
+
+    @media (max-width: 583px) {
+        display: none;
+    }
+}
+
+.stat2 {
+    padding-top: 10px;
+    font-weight: normal;
+}
+
+:focus {
+    border-color: color(border-focus);
+}
+
+.nobold,
+.stattxt {
+    position: absolute;
+    white-space: nowrap;
+    font-size: small;
+    top: -3px;
+    left: 50%;
+    transform: translate(-50%, -100%);
+    font-weight: normal;
+    display: inline-block;
+}
+
+.spacer {
+    height: 18px;
+}
+
+.spacer2 {
+    height: 16px;
+}
+
+#outer {
+    border-top: 1px solid color(border);
+    /* Better compatibility with graphics pad/touchscreen */
+    -webkit-user-select: none;
+}
+
+.nightMode {
+    #outer {
+        border-top-color: color(border-subtle);
+    }
+}
\ No newline at end of file
diff --git a/ts/routes/reviewer/reviewer-bottom/ReviewerBottom.svelte b/ts/routes/reviewer/reviewer-bottom/ReviewerBottom.svelte
index 7941ec83b..39160026e 100644
--- a/ts/routes/reviewer/reviewer-bottom/ReviewerBottom.svelte
+++ b/ts/routes/reviewer/reviewer-bottom/ReviewerBottom.svelte
@@ -60,6 +60,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         grid-auto-flow: column;
     }
 
+    #outer {
+        padding: 8px;
+    }
+
     .more,
     .edit {
         width: 100%;
diff --git a/ts/routes/reviewer/reviewer-bottom/index.scss b/ts/routes/reviewer/reviewer-bottom/index.scss
index f8c035141..88bb1bae5 100644
--- a/ts/routes/reviewer/reviewer-bottom/index.scss
+++ b/ts/routes/reviewer/reviewer-bottom/index.scss
@@ -1,87 +1,15 @@
 /* Copyright: Ankitects Pty Ltd and contributors
  * License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
 
-@use "../../../lib/sass/root-vars";
-@use "../../../lib/sass/vars" as *;
-@use "../../../lib/sass/card-counts";
+@use "../../../../qt/aqt/data/web/css/reviewer-bottom.scss";
+@use "../../../../qt/aqt/data/web/css/toolbar.scss";
 @use "../../../lib/sass/buttons";
 
-:root {
-    --focus-color: #{palette-of(border-focus)};
-
-    .isMac {
-        --focus-color: rgba(0 103 244 / 0.247);
-    }
-}
-
-body {
-    margin: 0;
-    padding: 0;
+html body {
     font-size: 12px;
     height: 72px;
-}
 
-#middle td[align="center"] {
-    padding-top: 10px;
-    position: relative;
-}
-
-button {
-    min-width: 80px;
-    white-space: nowrap;
-    margin: 9px;
-    position: relative;
-}
-
-.hitem {
-    margin-top: 2px;
-}
-
-.stat {
-    padding-top: 10px;
-
-    @media (max-width: 583px) {
-        display: none;
+    button {
+        min-width: 80px;
     }
-}
-
-.stat2 {
-    padding-top: 10px;
-    font-weight: normal;
-}
-
-:focus {
-    border-color: color(border-focus);
-}
-
-.nobold,
-.stattxt {
-    position: absolute;
-    white-space: nowrap;
-    font-size: small;
-    top: -3px;
-    left: 50%;
-    transform: translate(-50%, -100%);
-    font-weight: normal;
-    display: inline-block;
-}
-
-.spacer {
-    height: 18px;
-}
-
-.spacer2 {
-    height: 16px;
-}
-
-#outer {
-    border-top: 1px solid color(border);
-    /* Better compatibility with graphics pad/touchscreen */
-    -webkit-user-select: none;
-}
-
-.nightMode {
-    #outer {
-        border-top-color: color(border-subtle);
-    }
-}
+}
\ No newline at end of file