From 10c818474ced54f6af2ac28779480208c0d690f5 Mon Sep 17 00:00:00 2001
From: Nick O'Leary <nick.oleary@gmail.com>
Date: Mon, 29 Apr 2019 20:53:04 +0100
Subject: [PATCH] Tidy zoom control statusBar widget

---
 .../@node-red/editor-client/src/js/ui/view.js | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/view.js b/packages/node_modules/@node-red/editor-client/src/js/ui/view.js
index 25c8ae155..aadfe239b 100755
--- a/packages/node_modules/@node-red/editor-client/src/js/ui/view.js
+++ b/packages/node_modules/@node-red/editor-client/src/js/ui/view.js
@@ -367,20 +367,20 @@ RED.view = (function() {
         RED.statusBar.add({
             id: "view-zoom-controls",
             align: "right",
-            element: $('<span>'+
-            '<button class="red-ui-footer-button" id="btn-zoom-out"><i class="fa fa-minus"></i></button>'+
-            '<button class="red-ui-footer-button" id="btn-zoom-zero"><i class="fa fa-circle-o"></i></button>'+
-            '<button class="red-ui-footer-button" id="btn-zoom-in"><i class="fa fa-plus"></i></button>'+
+            element: $('<span class="button-group">'+
+            '<button class="red-ui-footer-button" id="red-ui-view-zoom-out"><i class="fa fa-minus"></i></button>'+
+            '<button class="red-ui-footer-button" id="red-ui-view-zoom-zero"><i class="fa fa-circle-o"></i></button>'+
+            '<button class="red-ui-footer-button" id="red-ui-view-zoom-in"><i class="fa fa-plus"></i></button>'+
             '</span>')
         })
 
-        $("#btn-zoom-out").on("click", function() {zoomOut();});
+        $("#red-ui-view-zoom-out").on("click", function() {zoomOut();});
 
-        RED.popover.tooltip($("#btn-zoom-out"),RED._('actions.zoom-out'),'core:zoom-out');
-        $("#btn-zoom-zero").on("click", function() {zoomZero();});
-        RED.popover.tooltip($("#btn-zoom-zero"),RED._('actions.zoom-reset'),'core:zoom-reset');
-        $("#btn-zoom-in").on("click", function() {zoomIn();});
-        RED.popover.tooltip($("#btn-zoom-in"),RED._('actions.zoom-in'),'core:zoom-in');
+        RED.popover.tooltip($("#red-ui-view-zoom-out"),RED._('actions.zoom-out'),'core:zoom-out');
+        $("#red-ui-view-zoom-zero").on("click", function() {zoomZero();});
+        RED.popover.tooltip($("#red-ui-view-zoom-zero"),RED._('actions.zoom-reset'),'core:zoom-reset');
+        $("#red-ui-view-zoom-in").on("click", function() {zoomIn();});
+        RED.popover.tooltip($("#red-ui-view-zoom-in"),RED._('actions.zoom-in'),'core:zoom-in');
         $("#chart").on("DOMMouseScroll mousewheel", function (evt) {
             if ( evt.altKey ) {
                 evt.preventDefault();