From c2f030e99c40cf411579aaa82545b8b2cc113c6d Mon Sep 17 00:00:00 2001
From: Justin Palmer <justin@github.com>
Date: Sat, 2 Feb 2013 14:18:09 -0800
Subject: [PATCH] use generic label class for select lists labels

---
 .../command-palette/src/command-palette-view.coffee    |  2 +-
 themes/atom-dark-ui/command-palette.css                |  2 +-
 themes/atom-dark-ui/select-list.css                    | 10 ++++++++++
 3 files changed, 12 insertions(+), 2 deletions(-)

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;
 }