merge master

Author: btroncone

.travis.yml

@@ -27,3 +27,14 @@ script:
   - ng test --single-run
   - ng build -prod
   - ng e2e
+
+before_deploy:
+  - rm -rf ./dist
+  - ng build
+  - yes | rm *.* && rm -rf ./e2e ./node_modules ./src
+  - cp -r ./dist/* ./
+
+deploy:
+  provider: azure_web_apps
+  verbose: true
+  skip_cleanup: true

src/app/app.component.html

@@ -1,24 +1,26 @@
 <div class="app-fullpage">
-  <mat-toolbar color="accent" class="mat-elevation-z6 primary-toolbar">
-    <button mat-icon-button (click)="sidenav.toggle()">
-      <mat-icon>
-        menu
-      </mat-icon>
-    </button>
-    <span class="toolbar-title"> RxJS Docs </span>
-  </mat-toolbar>
+  <header>
+    <mat-toolbar color="accent" class="mat-elevation-z6">
+      <button mat-icon-button (click)="sidenav.toggle()" aria-label="menu">
+        <mat-icon>
+          menu
+        </mat-icon>
+      </button>
+      <span class="title"> RxJS Docs </span>
+    </mat-toolbar>
+  </header>
   <mat-sidenav-container>
-    <mat-sidenav #sidenav>
+    <mat-sidenav #sidenav role="navigation">
       <mat-nav-list (click)="sidenav.toggle()">
         <a *ngFor="let menu of menus" mat-list-item routerLinkActive="active"
           [routerLinkActiveOptions]="menu.options"
           [routerLink]="menu.link">
-         {{menu.title}}
+          {{menu.title}}
         </a>
       </mat-nav-list>
     </mat-sidenav>
-    <div class="app-content">
+    <main class="body-margin">
       <router-outlet></router-outlet>
-    </div>
+    </main>
   </mat-sidenav-container>
 </div>

src/app/app.component.scss

@@ -1,11 +1,6 @@
-.app-fullpage {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  flex-direction: column;
+.title {
+  padding: 0 16px;
+  font-weight: 600;
 }
 
 mat-sidenav-container {