From c44c3588b26bc569a5be767f3d5e91264af8cac2 Mon Sep 17 00:00:00 2001
From: Sylvain Corlay <sylvain.corlay@gmail.com>
Date: Thu, 29 Oct 2015 14:20:04 -0400
Subject: [PATCH] Fix button width issue

---
 ipywidgets/static/widgets/js/widget_button.js | 8 ++++----
 ipywidgets/static/widgets/less/widgets.less   | 7 ++++++-
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/ipywidgets/static/widgets/js/widget_button.js b/ipywidgets/static/widgets/js/widget_button.js
index 4cdc18c460..c0c1168399 100644
--- a/ipywidgets/static/widgets/js/widget_button.js
+++ b/ipywidgets/static/widgets/js/widget_button.js
@@ -11,12 +11,12 @@ define([
 ], function(widget, $){
 
     var ButtonView = widget.DOMWidgetView.extend({
-        render : function(){
+        render: function() {
             /**
              * Called when view is rendered.
              */
             this.setElement($("<button />")
-                .addClass('btn btn-default'));
+                .addClass('widget-button btn btn-default'));
             this.$el.attr("data-toggle", "tooltip");
             this.listenTo(this.model, 'change:button_style', function(model, value) {
                 this.update_button_style();
@@ -26,7 +26,7 @@ define([
             this.update(); // Set defaults.
         },
         
-        update : function(){
+        update: function() {
             /**
              * Update the contents of this view
              *
@@ -64,7 +64,7 @@ define([
             'click': '_handle_click',
         },
         
-        _handle_click: function(){
+        _handle_click: function() {
             /**
              * Handles when the button is clicked.
              */
diff --git a/ipywidgets/static/widgets/less/widgets.less b/ipywidgets/static/widgets/less/widgets.less
index c50e9a2627..6393497ab4 100644
--- a/ipywidgets/static/widgets/less/widgets.less
+++ b/ipywidgets/static/widgets/less/widgets.less
@@ -10,7 +10,7 @@
 @import "./flexbox.less";
 @import "./mixins.less";
 
-@widget-width: 350px;
+@widget-width: 300px;
 @widget-width-short: 150px;
 
 // Pad interact widgets by default.
@@ -178,6 +178,11 @@
     }
 }
 
+.widget-button {
+    /* Button */
+    width         : @widget-width-short;
+}
+
 .widget-text {
     /* String Textbox - used for TextBoxView and TextAreaView */
     width  : @widget-width;