Refactor selectors

jet/static/jet/js/src/features/sidebar/main.js

@@ -19,12 +19,12 @@ SideBar.prototype = {
         }
     },
     initSideBarToggle: function() {
-        var toggle = function (e) {
+        var toggle = function(e) {
             e.preventDefault();
             this.sideBarToggle();
         };
 
-        $('.sidebar-toggle, #branding-menu').on('click', toggle.bind(this));
+        $('.sidebar-toggle').on('click', toggle.bind(this));
         $(document.body).on('click', '.sidebar-backdrop', toggle.bind(this));
     },
     sideBarToggle: function() {
@@ -49,7 +49,7 @@ SideBar.prototype = {
         }
     },
     initPinSideBar: function($sidebar) {
-        $sidebar.on('click', '#branding-pin', (function () {
+        $sidebar.on('click', '.sidebar-pin', (function () {
             var $dependent = $('.sidebar-dependent');
 
             if ($(document.body).hasClass('menu-pinned')) {

jet/templates/admin/base.html

@@ -46,8 +46,8 @@
     <!-- Header -->
     <div id="header">
         <div id="branding">
-            <span id="branding-menu" class="sidebar-header-menu-icon icon-menu"></span>
-            <span id="branding-pin" class="sidebar-link-icon icon-pin"></span>
+            <span id="branding-menu" class="sidebar-header-menu-icon icon-menu sidebar-toggle"></span>
+            <span id="branding-pin" class="sidebar-link-icon icon-pin sidebar-pin"></span>
             {% block branding %}{% endblock %}
         </div>
         {% block usertools %}