From e6aa364976dccb3c2c2d6c1d0ea1dc5d83932d0d Mon Sep 17 00:00:00 2001
From: Jonathan Frederic <jdfreder@calpoly.edu>
Date: Thu, 14 Nov 2013 18:09:17 +0000
Subject: [PATCH] Better fix for empty dropdown button alignment Now an &nbsp;
 character is inserted and bootstrap is left alone to deal with alignment.

---
 IPython/html/static/notebook/js/widgets/selection.js | 11 ++++++++++-
 IPython/html/static/notebook/less/widgets.less       |  1 -
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/IPython/html/static/notebook/js/widgets/selection.js b/IPython/html/static/notebook/js/widgets/selection.js
index 4cf34d0cc..07a9f1344 100644
--- a/IPython/html/static/notebook/js/widgets/selection.js
+++ b/IPython/html/static/notebook/js/widgets/selection.js
@@ -22,10 +22,12 @@ define(["notebook/js/widget"], function(){
             this.$droplabel = $('<button />')
                                 .addClass('btn')
                                 .addClass('widget-combo-btn')
+                                .html('&nbsp;')
                                 .appendTo(this.$buttongroup);
             this.$dropbutton = $('<button />')
                                 .addClass('btn')
                                 .addClass('dropdown-toggle')
+                                .addClass('widget-combo-carrot-btn')
                                 .attr('data-toggle', 'dropdown')
                                 .html('<span class="caret"></span>')
                                 .appendTo(this.$buttongroup);
@@ -40,7 +42,14 @@ define(["notebook/js/widget"], function(){
         // Handles: Backend -> Frontend Sync
         //          Frontent -> Frontend Sync
         update : function(){
-            this.$droplabel.html(this.model.get('value'));
+
+            var selected_item_text = this.model.get('value');
+            selected_item_text.replace(' ', '');
+            if (selected_item_text == '') {
+                this.$droplabel.html('&nbsp;');
+            } else {
+                this.$droplabel.html(this.model.get('value'));    
+            }
             
             var items = this.model.get('values');
             this.$droplist.html('');
diff --git a/IPython/html/static/notebook/less/widgets.less b/IPython/html/static/notebook/less/widgets.less
index 4258fed6f..497fc42dc 100644
--- a/IPython/html/static/notebook/less/widgets.less
+++ b/IPython/html/static/notebook/less/widgets.less
@@ -98,7 +98,6 @@
 
         .widget-combo-btn {
             min-width: 138px; /* + 26px drop arrow btn = 164px */
-            min-height: 1ex;
         }
 
         .widget-container {