Cleaning up html

web/react/components/admin_console/admin_controller.jsx

@@ -31,7 +31,11 @@ export default class AdminController extends React.Component {
         }
 
         return (
-            <div>
+            <div className='container-fluid'>
+                <div
+                    className='sidebar--menu'
+                    id='sidebar-menu'
+                />
                 <AdminSidebar
                     selected={this.state.selected}
                     selectTab={this.selectTab}
@@ -45,9 +49,7 @@ export default class AdminController extends React.Component {
                             id='app-content'
                             className='app__content admin'
                         >
-                            <div className='wrapper--fixed'>
-                                {tab}
-                            </div>
+                        {tab}
                         </div>
                     </div>
                 </div>

web/react/components/admin_console/admin_sidebar.jsx

@@ -26,6 +26,39 @@ export default class AdminSidebar extends React.Component {
         return '';
     }
 
+    componentDidMount() {
+        $('.nav__menu-item').on('click', function clickme(e) {
+            e.preventDefault();
+            $(this).closest('.sidebar--collapsable').find('.nav__menu-item').removeClass('active');
+            $(this).addClass('active');
+            $(this).closest('.sidebar--collapsable').find('.nav__sub-menu').addClass('hide');
+            $(this).next('.nav__sub-menu').removeClass('hide');
+        });
+
+        $('.nav__sub-menu a').on('click', function clickme(e) {
+            e.preventDefault();
+            $(this).closest('.nav__sub-menu').find('a').removeClass('active');
+            $(this).addClass('active');
+        });
+
+        $('.nav__sub-menu-item').on('click', function clickme(e) {
+            e.preventDefault();
+            $(this).closest('.sidebar--collapsable').find('.nav__inner-menu').addClass('hide');
+            $(this).closest('li').next('li').find('.nav__inner-menu').removeClass('hide');
+            $(this).closest('li').next('li').find('.nav__inner-menu li:first a').addClass('active');
+        });
+
+        $('.nav__inner-menu a').on('click', function clickme() {
+            $(this).closest('.nav__inner-menu').closest('li').prev('li').find('a').addClass('active');
+        });
+
+        $('.nav__sub-menu .menu__close').on('click', function close() {
+            var menuItem = $(this).closest('li');
+            menuItem.next('li').remove();
+            menuItem.remove();
+        });
+    }
+
     render() {
         return (
             <div className='sidebar--left sidebar--collapsable'>

web/react/components/admin_console/email_settings.jsx

@@ -11,7 +11,7 @@ export default class EmailSettings extends React.Component {
 
     render() {
         return (
-            <div>
+            <div className='wrapper--fixed'>
                 <h3>{'Email Settings'}</h3>
                 <form
                     className='form-horizontal'

web/react/components/admin_console/jobs_settings.jsx

@@ -11,7 +11,7 @@ export default class Jobs extends React.Component {
 
     render() {
         return (
-            <div>
+            <div className='wrapper--fixed'>
                 <h3>{' **************   JOB Settings'}</h3>
                 <form
                     className='form-horizontal'