Position select lists at the top center like Sublime Text does

src/extensions/event-palette/event-palette.css

@@ -4,7 +4,7 @@
   bottom: 0;
 }
 
-.select-list {
+.event-palette .select-list {
   background-color: black;
   position: relative;
   max-height: 300px;
@@ -12,10 +12,10 @@
   overflow-y: auto;
 }
 
-.select-list table {
+.event-palette .select-list table {
   width: 100%;
 }
 
-.select-list .selected {
+.event-palette .select-list .selected {
   background-color: green;
 }

static/fuzzy-finder.css

@@ -1,14 +1,3 @@
-.fuzzy-finder {
-  position: absolute;
-  width: 100%;
-  bottom: 0;
-  background-color: #444;
-  box-sizing: border-box;
-  color: #eee;
-  -webkit-box-shadow: 0 0 5px 5px #222;
-  padding: 5px;
-}
-
 .fuzzy-finder ol {
   overflow: hidden;
   margin-bottom: 5px;

static/select-list.css

@@ -1,3 +1,16 @@
+.select-list {
+  position: absolute;
+  width: 80%;
+  top: 0;
+  left: 50%;
+  margin-left: -40%;
+  background-color: #444;
+  box-sizing: border-box;
+  color: #eee;
+  -webkit-box-shadow: 0 0 5px 5px #222;
+  padding: 5px;
+}
+
 .select-list ol {
   position: relative;
   overflow-y: auto;