From 0c1a3c7d132311dabc77f8d55dba804989d8d9cf Mon Sep 17 00:00:00 2001
From: CyclingNinja <bennett.sm89@gmail.com>
Date: Fri, 26 Jul 2024 14:06:43 +0200
Subject: [PATCH] Correct Button referencing

---
 .../common/state_widgets/viewer_histogram.py      |  2 +-
 .../common/state_widgets/viewer_histogram.vue     | 15 ++++++---------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/glue_jupyter/common/state_widgets/viewer_histogram.py b/glue_jupyter/common/state_widgets/viewer_histogram.py
index 05cdc1cf..d1878ec8 100644
--- a/glue_jupyter/common/state_widgets/viewer_histogram.py
+++ b/glue_jupyter/common/state_widgets/viewer_histogram.py
@@ -21,7 +21,7 @@ def __init__(self, viewer_state):
         link_glue_choices(self, viewer_state, 'x_att')
 
     def vue_axis_to_bins(self):
-        self.glue_state.update_bins_to_view()
         self.glue_state.x_axislabel = "Updated Bins"
+        self.glue_state.update_bins_to_view()
         print('Triggered axis to bins')
         pass
diff --git a/glue_jupyter/common/state_widgets/viewer_histogram.vue b/glue_jupyter/common/state_widgets/viewer_histogram.vue
index db8fc9eb..8bb2c29c 100644
--- a/glue_jupyter/common/state_widgets/viewer_histogram.vue
+++ b/glue_jupyter/common/state_widgets/viewer_histogram.vue
@@ -32,18 +32,15 @@
                     </template>
                     <span>cumulative</span>
                 </v-tooltip>
-
-                <v-tooltip bottom>
-                     <template v-slot:activator="{ on }">
-                         <v-btn v-on="on" small value="vue_axis_to_bins">
-                             <v-icon>trending_down</v-icon>
-                         </v-btn>
-                     </template>
-                     <span>resize_axis</span>
-                </v-tooltip bottom>
             </v-btn-toggle>
         </div>
 
+        <div>
+          <v-btn icon color="primary" text small @click="axis_to_bins">
+              <v-icon>Fit Axes to Bins</v-icon>
+          </v-btn>
+        </div>
+
         <v-switch v-model="glue_state.show_axes" label="Show axes" hide-details/>
     </div>
 </template>