Added: Hr to shortcuts

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

@@ -8,6 +8,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import MoreItem from "./MoreItem.svelte";
     import { setFlag } from "@generated/backend";
     import type { ReviewerState } from "../reviewer";
+    import type { MoreMenuItemInfo } from "./types";
 
     let showFloating = false;
     let showFlags = false;
@@ -27,7 +28,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         alert("Not yet implemented in new reviewer.");
     }
 
-    const shortcuts = [
+    const shortcuts: MoreMenuItemInfo[] = [
         {
             name: tr.studyingBuryCard(),
             shortcut: "-",
@@ -44,6 +45,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         { name: tr.actionsCardInfo(), shortcut: "I", onClick: todo },
         { name: tr.actionsPreviousCardInfo(), shortcut: "Ctrl+Alt+I", onClick: todo },
 
+        "hr",
         // Notes
         { name: tr.studyingMarkNote(), shortcut: "*", onClick: todo },
         { name: tr.studyingBuryNote(), shortcut: "=", onClick: todo },
@@ -55,6 +57,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
             onClick: todo,
         },
 
+        "hr",
         // Audio
         { name: tr.actionsReplayAudio(), shortcut: "R", onClick: todo },
         { name: tr.studyingPauseAudio(), shortcut: "5", onClick: todo },
@@ -113,6 +116,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
             </MoreSubmenu>
         </div>
         {#each shortcuts as shortcut}
+            {#if shortcut == "hr"}
+                <hr />
+            {:else}
                 <div
                     style:background-color={shortcut.onClick == todo
                         ? "RGBA(255,0,0,0.25)"
@@ -122,6 +128,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                         {shortcut.name}
                     </MoreItem>
                 </div>
+            {/if}
         {/each}
     </div>
 </MoreSubmenu>
@@ -140,6 +147,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         }
     }
 
+    hr {
+        margin: 0;
+    }
+
     button {
         line-height: 18px;
     }

ts/routes/reviewer/reviewer-bottom/types.ts

@@ -7,3 +7,9 @@ export interface AnswerButtonInfo {
     "label": string;
     "due": string;
 }
+
+export type MoreMenuItemInfo = {
+    name: string;
+    onClick: () => any;
+    shortcut: string;
+} | "hr";