update right sidebar

Author: haikov

src/app/controllers/MainController.js

@@ -16,13 +16,18 @@
     vm.showActions = showActions;
     vm.title = $state.current.data.title;
     vm.showSimpleToast = showSimpleToast;
+    vm.toggleRightSidebar = toggleRightSidebar;
 
     navService
       .loadAllItems()
       .then(function(menuItems) {
         vm.menuItems = [].concat(menuItems);
       });
 
+    function toggleRightSidebar() {
+        $mdSidenav('right').toggle();
+    }
+
     function toggleItemsList() {
       var pending = $mdBottomSheet.hide() || $q.when(true);
 
@@ -68,7 +73,7 @@
         $mdToast.simple()
           .content(title)
           .hideDelay(2000)
-          .position('top right')
+          .position('bottom right')
       );
     }
   }

src/app/views/main.html

@@ -33,8 +33,8 @@ <h1>AMD</h1>
             <i class="material-icons">notifications</i>
             <span class="notifications-label">7</span>
         </md-button>
-        <md-button hide-sm class="toolbar-button" aria-label="Settings">
-            <i class="material-icons">settings</i>
+        <md-button hide-sm class="toolbar-button" aria-label="Settings" ng-click="vm.toggleRightSidebar()">
+            <i class="material-icons">menu</i>
         </md-button>
         <md-button hide-gt-sm ng-click="vm.toggleItemsList()" aria-label="Menu">
             <i class="material-icons">menu</i>
@@ -46,7 +46,7 @@ <h1>AMD</h1>
     </md-content>
 </div>
 
-<md-sidenav md-is-locked-open="$mdMedia('gt-sm')" md-component-id="right"
+<md-sidenav md-component-id="right"
             class="md-whiteframe-z2 md-sidenav-right">
     <md-toolbar layout="row">
         <md-toolbar flex="80" class="md-warn" layout="row" layout-align="center center">