Tweaks to status bar language-picker's appearance:

- Fix bug in DropdownButton that led to it often being positioned too far
to the left
- CSS to join more cleanly with top border of status bar (not perfect,
though: the dropshadow & animation both still feel a little odd)

Author: peterflynn

src/styles/brackets_patterns_override.less

@@ -526,6 +526,11 @@ a:focus {
     height: auto;
     max-height: 80%;
 
+    // Improve how bottom of the dropdown joins with top of status bar button
+    margin-top: -6px;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    
     li a .default-language {
         font-style: italic;
         color: @tc-quiet-text;

src/widgets/DropdownButton.js

@@ -228,7 +228,8 @@ define(function (require, exports, module) {
         Menus.closeAll();
 
         var $dropdown = $("<ul class='dropdown-menu dropdownbutton-popup' tabindex='-1'>")
-            .addClass(this.dropdownExtraClasses);  // (no-op if unspecified)
+            .addClass(this.dropdownExtraClasses)  // (no-op if unspecified)
+            .css("min-width", this.$button.outerWidth());  // do this before the clipping calcs below
 
         this.$dropdown = $dropdown;
         this._renderList(this.$dropdown)
@@ -259,8 +260,7 @@ define(function (require, exports, module) {
 
         $dropdown.css({
             left: posLeft,
-            top: posTop,
-            minWidth: this.$button.outerWidth()
+            top: posTop
         });
 
         // Attach event handlers