add actions button to right sidebar, validate tasks list form

Author: haikov

src/app/views/main.html

@@ -17,8 +17,8 @@ <h1>AMD</h1>
           </div>
       </md-button>
       <md-divider ng-repeat-end></md-divider>
-      <md-button hide-gt-md flex ng-click="vm.showActions($event)">
-          <div layout="row" class="md-tile-content">
+      <md-button ng-click="vm.showActions($event)" layout-align="center center">
+          <div class="md-tile-content">
             Actions
           </div>
       </md-button>
@@ -48,8 +48,8 @@ <h1>AMD</h1>
 
 <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">
+    <md-toolbar>
+        <md-toolbar class="md-warn" layout="row" layout-align="center center">
             <img class="img-circle" ng-src="assets/images/feynman.jpg">
             <md-menu md-offset="0 20">
                 <md-button class="capitalize" ng-click="$mdOpenMenu()" aria-label="Open menu">
@@ -62,11 +62,6 @@ <h1>AMD</h1>
                 </md-menu-content>
             </md-menu>
         </md-toolbar>
-        <md-toolbar flex="20" layout="row" layout-align="center center">
-            <md-button ng-click="vm.showActions($event)" class="toolbar-button">
-                <i class="material-icons">more_vert</i>
-            </md-button>
-        </md-toolbar>
     </md-toolbar>
 
     <section>

src/app/views/partials/checkboxes.html

@@ -9,11 +9,11 @@ <h4 flex="82">{{vm.remaining()}} of {{vm.todos.length}} remaining</h4>
         {{todo.text}}
     </md-checkbox>
 
-    <form ng-submit="vm.addTodo($event)">
+    <form ng-submit="vm.addTodo($event)" novalidate name="tasksForm">
         <div layout="row" flex>
-            <md-input-container flex>
+            <md-input-container flex ng-class="{'md-input-invalid':tasksForm.taskText.$error.required && tasksForm.$submitted}">
                 <label>Write some todo task here...</label>
-                <input ng-model="vm.todoText">
+                <input ng-model="vm.todoText" name="taskText" required>
             </md-input-container>
             <md-button class="md-fab md-wayrn md-mini">
                 <i class="material-icons">add</i>
@@ -23,4 +23,4 @@ <h4 flex="82">{{vm.remaining()}} of {{vm.todos.length}} remaining</h4>
             Remove completed
         </md-button>
     </form>
-</md-content>
+</md-content>