(fix) calendar views now honor "breakpoints"

We also now use again the default top nav toolbar and we
hide the fab button on sm devices. This of course needs a bit
more work but we are getting there!

UI/Templates/SchedulerUI/UIxCalMainView.wox

@@ -312,12 +312,12 @@
              ng-controller="CalendarListController as list">
       <md-toolbar layout="column" layout-align="space-between start" class="md-tall toolbar-main">
         <div class="md-toolbar-tools md-toolbar-tools-top sg-padded" layout="row" layout-align="space-between start">
-          <!-- <var:component className="UIxTopnavToolbarTemplate" /> -->
-          <div class="sg-toolbar-group-2">
+          <var:component className="UIxTopnavToolbarTemplate" />
+          <!-- <div class="sg-toolbar-group-2">
             <md-button class="sg-icon-button" label:aria-label="Search">
               <md-icon>search</md-icon>
             </md-button>
-          </div>
+          </div> -->
         </div><!-- .md-toolbar-tools -->
         <div class="md-toolbar-tools" layout="row" layout-align="space-between center">
           <!-- sort/filter mode -->
@@ -582,12 +582,13 @@
             </md-tab>
           </md-tabs>
           <md-button class="md-fab md-fab-bottom-right"
+                     hide-sm="hide-sm"
                      label:aria-label="New Appointment"
                      ng-click="list.newComponent($event)">
             <md-icon>add</md-icon>
           </md-button>
         </md-content>
-        <md-content class="view-detail sg-padded" ui-view="calendarView"><!-- calendar view --></md-content>
+        <div id="detailView" class="view-detail" layout="column" ui-view="calendarView"><!-- calendar view --></div>
       </md-content>
     </section>
   </script>