Improve dropdown visibility.

components/active/init.js

@@ -896,7 +896,10 @@
         },
 
         createMenuItemThumb: function(path) {
-            return $('<li data-path="' + path + '"><a title="' + path + '"><span></span><div class="label">' + path.substring(1) + '</div></a></li>');
+            split = this.splitDirectoryAndFileName(path);
+            return $('<li data-path="' + path + '"><a title="' + path + '"><span class="label"></span><div class="label">' 
+                    + split.directory.substring(1) + '<span class="file-name">' + split.fileName + '</span>'
+                    + '</div></a></li>');
         },
 
     };

components/active/screen.css

@@ -129,6 +129,8 @@ Gradients Generated by: http://www.colorzilla.com/gradient-editor/
  * Dropdown
  ************************/
 
+/* Tab button */
+
 #tab-dropdown {
     /* Adjust this size depending on the final editor-top-bar height. */
     position: fixed;
@@ -146,6 +148,8 @@ Gradients Generated by: http://www.colorzilla.com/gradient-editor/
     color: #fff;
 }
 
+/* Dropdown */
+
 #dropdown-list-active-files {
     position: absolute;
     z-index: 9999;
@@ -167,21 +171,32 @@ Gradients Generated by: http://www.colorzilla.com/gradient-editor/
     background-color: #262626;
     height: 27px;
     overflow: hidden;
+    color: #A3A3A3;
+    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
 }
-#dropdown-list-active-files a:hover, #dropdown-list-active-files li.active a {
+
+#dropdown-list-active-files a .file-name {
+    color: #FAFAFA;
+}
+
+#dropdown-list-active-files a:hover, 
+#dropdown-list-active-files li.active a {
     background-color: #474747;
 }
+
 #dropdown-list-active-files li.changed a {
     border: 3px solid #3ba628;
     border-top: 0;
     border-bottom: 0;
 }
+
 #dropdown-list-active-files div {
     white-space: nowrap;
     direction: rtl;
     overflow: hidden;
 }
-#dropdown-list-active-files a span {
+
+#dropdown-list-active-files a span.label {
     display: block;
     float: right;
     margin: 1px -23px 0 -15px;
@@ -191,14 +206,19 @@ Gradients Generated by: http://www.colorzilla.com/gradient-editor/
     border-radius: 5px;
     line-height: 100%;
 }
-#dropdown-list-active-files a span:after {
+
+/* Close button */
+
+#dropdown-list-active-files a span.label:after {
     content: 'x';
+    text-shadow: none;
 }
-#dropdown-list-active-files a:hover span {
+#dropdown-list-active-files a:hover span.label {
     background: #1a1a1a;
     color: #616161;
+
 }
-#dropdown-list-active-files a:hover span:hover {
+#dropdown-list-active-files a:hover span.label:hover {
     color: #fff;
     background-color: #000;
 }