From 6cf332a2475013e95bf706d2bdbba4cd2a8b7869 Mon Sep 17 00:00:00 2001
From: David Bailey <davidbailey00@outlook.com>
Date: Sat, 11 Jul 2020 23:20:57 +0100
Subject: [PATCH] Fix hidden toolbar icons

---
 js/src/mpl_widget.css    | 3 +--
 js/src/toolbar_widget.js | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/js/src/mpl_widget.css b/js/src/mpl_widget.css
index 29e13634..e10810c6 100644
--- a/js/src/mpl_widget.css
+++ b/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 */
diff --git a/js/src/toolbar_widget.js b/js/src/toolbar_widget.js
index bc7a6572..f41b5add 100644
--- a/js/src/toolbar_widget.js
+++ b/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;