diff --git a/components/keyboard-shortcuts-modal.tsx b/components/keyboard-shortcuts-modal.tsx index 6ba8ccb69..ec66d8caf 100644 --- a/components/keyboard-shortcuts-modal.tsx +++ b/components/keyboard-shortcuts-modal.tsx @@ -130,7 +130,9 @@ export function KeyboardShortcutsModal({ isOpen, onClose, app }: KeyboardShortcu

{t(section.title)}

-
+ {/* A wide section's two columns line up with the columns of the + sections above it: the same 2rem gap as the panel grid. */} +
{rows.map((shortcut) => ( - {description} -
+
+ {description} + {/* The description wraps first. A key never breaks inside ("Shift + ↓"), + and an alternative keeps its "or" with it ("n or c"); only a very + long list wraps, between alternatives. */} +
{keys.map((key, index) => ( - - {index > 0 && {t("or")}} + + {index > 0 && {t("or")}}