diff --git a/src/packages/command-palette/src/command-palette-view.coffee b/src/packages/command-palette/src/command-palette-view.coffee index e5d2ab5ce..7e3cc5456 100644 --- a/src/packages/command-palette/src/command-palette-view.coffee +++ b/src/packages/command-palette/src/command-palette-view.coffee @@ -43,7 +43,7 @@ class CommandPaletteView extends SelectList @li class: 'event', 'data-event-name': eventName, => @div eventDescription, class: 'event-description' @div class: 'right', => - @div eventName, class: 'event-name' + @div eventName, class: 'label' for binding in keyBindings[eventName] ? [] @div binding, class: 'key-binding' @div class: 'clear-float' diff --git a/themes/atom-dark-ui/command-palette.css b/themes/atom-dark-ui/command-palette.css index 8c19751c8..e45458a41 100644 --- a/themes/atom-dark-ui/command-palette.css +++ b/themes/atom-dark-ui/command-palette.css @@ -5,7 +5,7 @@ margin: 4px 0; } -.command-palette ol .event-name, .command-palette ol .key-binding { +.command-palette ol .key-binding { display: inline-block; margin: 4px 0; margin-right: .5em; diff --git a/themes/atom-dark-ui/select-list.css b/themes/atom-dark-ui/select-list.css index 107a1f3df..305e27066 100644 --- a/themes/atom-dark-ui/select-list.css +++ b/themes/atom-dark-ui/select-list.css @@ -13,6 +13,16 @@ padding: 5px; } +.select-list li .label { + display: inline-block; + margin: 4px 0; + margin-right: .5em; + font-size: 90%; + color: #ddd; + -webkit-border-radius: 3px; + padding: 0 4px; +} + .select-list li .right { float: right; }