Use regular expressions when fixing button-like captions

IPython/html/static/notebook/js/widgets/button.js

@@ -38,8 +38,8 @@ define(["notebook/js/widget"], function(){
         //          Frontent -> Frontend Sync
         update : function(){
             var description = this.model.get('description');
-            description = description.replace(' ', ' ');
-            description = description.replace('\n', '<br>\n');
+            description = description.replace(/ /g, '&nbsp;', 'm');
+            description = description.replace(/\n/g, '<br>\n', 'm');
             if (description.length == 0) {
                 this.$el.html('&nbsp;'); // Preserve button height
             } else {

IPython/html/static/notebook/js/widgets/selection.js

@@ -60,8 +60,8 @@ define(["notebook/js/widget"], function(){
         update : function(){
 
             var selected_item_text = this.model.get('value');
-            selected_item_text = selected_item_text.replace(' ', ' ');
-            selected_item_text = selected_item_text.replace('\n', '<br>\n');
+            selected_item_text = selected_item_text.replace(/ /g, '&nbsp;');
+            selected_item_text = selected_item_text.replace(/\n/g, '<br>\n');
             if (selected_item_text.length == 0) {
                 this.$droplabel.html('&nbsp;');
             } else {