Fix scrolling for now.

This does not look quite as ugly and allows me to observe scroll events.
It still won't hide the browser chrome on mobile, but it will do while
I am waiting for angular/components#802.

src/app/app.component.ts

@@ -47,6 +47,7 @@ import {AppUxService} from './app-ux.service';
                             <md-icon>close</md-icon>
                         </button>
                     </md-toolbar>
+                    <div></div>
                 </md-sidenav>
                 <md-toolbar>
                     <button
@@ -127,6 +128,9 @@ export class AppComponent {
      */
     title = 'Aldo';
 
+    /*
+     * Whether the dark-theme is active.
+     */
     dark = false;
 
     @HostListener('window:resize')

src/stylesheets/_styles.scss

@@ -39,8 +39,14 @@ md-input-container {
     width: 100%;
 }
 
-md-sidenav-container {
-    height: 100vh;
+md-sidenav-container > * {
+    display: flex!important;
+    flex-direction: column;
+    height: 100vh!important;
+}
+
+md-sidenav-container > * > *:last-child {
+    overflow: auto;
 }
 
 md-spinner {
@@ -81,6 +87,8 @@ snack-bar-container {
 
 .app-content {
     margin: auto;
+    margin-top: 0;
+    width: 100%;
     max-width: 1600px;
 }