diff --git a/client/modules/IDE/components/KeyboardShortcutModal.jsx b/client/modules/IDE/components/KeyboardShortcutModal.jsx
index 420a99c6..53aa6ab4 100644
--- a/client/modules/IDE/components/KeyboardShortcutModal.jsx
+++ b/client/modules/IDE/components/KeyboardShortcutModal.jsx
@@ -3,91 +3,84 @@ import { metaKeyName, } from '../../../utils/metaKey';
function KeyboardShortcutModal() {
return (
-
- -
- {'\u21E7'} + Tab
- Tidy
-
- -
-
- {metaKeyName} + S
-
- Save
-
- -
-
- {metaKeyName} + F
-
- Find Text
-
- -
-
- {metaKeyName} + G
-
- Find Next Text Match
-
- -
-
- {metaKeyName} + {'\u21E7'} + G
-
- Find Previous Text Match
-
- -
-
- {metaKeyName} + [
-
- Indent Code Left
-
- -
-
- {metaKeyName} + ]
-
- Indent Code Right
-
- -
-
- {metaKeyName} + /
-
- Comment Line
-
- -
-
- {metaKeyName} + Enter
-
- Start Sketch
-
- -
-
- {metaKeyName} + {'\u21E7'} + Enter
-
- Stop Sketch
-
- -
-
- {metaKeyName} + {'\u21E7'} + 1
-
- Turn on Accessible Output
-
- -
-
- {metaKeyName} + {'\u21E7'} + 2
-
- Turn off Accessible Output
-
- -
-
- {metaKeyName} + B
-
- Toggle Sidebar
-
- -
-
- Ctrl + `
-
- Toggle Console
-
-
+
+
+
+ -
+ {'\u21E7'} + Tab
+ Tidy
+
+ -
+
+ {metaKeyName} + S
+
+ Save
+
+ -
+
+ {metaKeyName} + F
+
+ Find Text
+
+ -
+
+ {metaKeyName} + G
+
+ Find Next Text Match
+
+ -
+
+ {metaKeyName} + {'\u21E7'} + G
+
+ Find Previous Text Match
+
+ -
+
+ {metaKeyName} + [
+
+ Indent Code Left
+
+ -
+
+ {metaKeyName} + ]
+
+ Indent Code Right
+
+ -
+
+ {metaKeyName} + /
+
+ Comment Line
+
+ -
+
+ {metaKeyName} + Enter
+
+ Start Sketch
+
+ -
+
+ {metaKeyName} + {'\u21E7'} + Enter
+
+ Stop Sketch
+
+ -
+
+ {metaKeyName} + {'\u21E7'} + 1
+
+ Turn on Accessible Output
+
+ -
+
+ {metaKeyName} + {'\u21E7'} + 2
+
+ Turn off Accessible Output
+
+
+
);
}
-export default KeyboardShortcutModal;
+export default KeyboardShortcutModal;
\ No newline at end of file
diff --git a/client/styles/components/_keyboard-shortcuts.scss b/client/styles/components/_keyboard-shortcuts.scss
index 66963e91..f30dd8d3 100644
--- a/client/styles/components/_keyboard-shortcuts.scss
+++ b/client/styles/components/_keyboard-shortcuts.scss
@@ -4,6 +4,11 @@
width: #{450 / $base-font-size}rem;
}
+.keyboard-shortcuts-note {
+ text-align: center;
+ margin-bottom: 24px;
+}
+
.keyboard-shortcut-item {
display: flex;
& + & {