Merge pull request #245 from davidbailey00/fix-hidden-buttons

Fix hidden toolbar icons

Author: martinRenou

js/src/mpl_widget.css

@@ -12,8 +12,7 @@
 
 .jupyter-matplotlib-button {
   width: calc(var(--jp-widgets-inline-width-tiny) / 2 - 2px);
-  overflow: hidden;
-  padding: 0;
+  padding: 0 !important;
 }
 
 /* Figure */

js/src/toolbar_widget.js

@@ -46,7 +46,7 @@ export class ToolbarView extends widgets.DOMWidgetView {
         });
 
         const icon = document.createElement('i');
-        icon.classList = 'center fa fa-bars';
+        icon.classList = 'center fa fa-fw fa-bars';
         this.toggle_button.appendChild(icon);
 
         this.el.appendChild(this.toggle_button);
@@ -76,7 +76,7 @@ export class ToolbarView extends widgets.DOMWidgetView {
             );
 
             const icon = document.createElement('i');
-            icon.classList = 'center fa fa-' + image;
+            icon.classList = 'center fa fa-fw fa-' + image;
             button.appendChild(icon);
 
             this.buttons[method_name] = button;