diff --git a/client/modules/IDE/components/KeyboardShortcutModal.js b/client/modules/IDE/components/KeyboardShortcutModal.js index b0c05553..48d2fd03 100644 --- a/client/modules/IDE/components/KeyboardShortcutModal.js +++ b/client/modules/IDE/components/KeyboardShortcutModal.js @@ -28,17 +28,34 @@ class KeyboardShortcutModal extends React.Component { Save
  • - Command + [ - Indent Code Right -
  • -
  • - Command + ] + + {this.isMac ? 'Command + [' : 'Control + ['} + Indent Code Left
  • - Command + / + + {this.isMac ? 'Command + ]' : 'Control + ]'} + + Indent Code Right +
  • +
  • + + {this.isMac ? 'Command + /' : 'Control + /'} + Comment Line
  • +
  • + + {this.isMac ? 'Command + Enter' : 'Control + Enter'} + Start Sketch +
  • +
  • + + {this.isMac ? 'Command + Shift + Enter' : 'Control + Shift + Enter'} + + Stop Sketch +
  • ); diff --git a/client/styles/components/_modal.scss b/client/styles/components/_modal.scss index 8f276100..e3c37bac 100644 --- a/client/styles/components/_modal.scss +++ b/client/styles/components/_modal.scss @@ -80,7 +80,7 @@ .keyboard-shortcuts { @extend %modal; padding: #{20 / $base-font-size}rem; - width: #{400 / $base-font-size}rem; + width: #{450 / $base-font-size}rem; } .keyboard-shortcuts__header { @@ -104,7 +104,7 @@ } .keyboard-shortcut__command { - width: 40%; + width: 50%; font-weight: bold; text-align: right; padding-right: #{10 / $base-font-size}rem;