Adds trading menu

Changes how the menus render - more accurate scrollbars even if sidebar and navbar are no longer fixed

web/src/app/services/style-manager/style-manager.service.spec.ts

@@ -1,7 +1,7 @@
 import {inject, TestBed} from '@angular/core/testing';
 import {HttpModule} from '@angular/http';
 import {StyleManagerComponent} from './style-manager.component';
-
+ 
 
 describe('StyleManager', () => {
   let styleManager: StyleManagerComponent;

web/src/app/services/style-manager/style-manager.service.ts

@@ -2,7 +2,7 @@ import {Injectable} from '@angular/core';
 /**
  * Class for managing stylesheets. Stylesheets are loaded into named slots so that they can be
  * removed or changed later.
- */
+ */ 
 @Injectable()
 export class StyleManagerService {
   /**

web/src/app/services/websocket/websocket.service.ts

@@ -1,13 +1,13 @@
 import { Injectable } from '@angular/core';
-import * as Rx from 'rxjs/Rx';
+import {Subject, Observable, Observer } from 'rxjs/Rx';
 
 @Injectable()
 export class WebsocketService {
   constructor() { }
 
-  private subject: Rx.Subject<MessageEvent>;
+  private subject: Subject<MessageEvent>;
 
-  public connect(url): Rx.Subject<MessageEvent> {
+  public connect(url): Subject<MessageEvent> {
     if (!this.subject) {
       this.subject = this.create(url);
     } 
@@ -21,11 +21,11 @@ export class WebsocketService {
 
   private isAuth = false;
 
-  private create(url): Rx.Subject<MessageEvent> {
+  private create(url): Subject<MessageEvent> {
     let ws = new WebSocket(url);
     
-    let observable = Rx.Observable.create(
-	(obs: Rx.Observer<MessageEvent>) => {
+    let observable = Observable.create(
+	(obs: Observer<MessageEvent>) => {
 		ws.onmessage = obs.next.bind(obs);
 		ws.onerror = obs.error.bind(obs);
     ws.onclose = obs.complete.bind(obs);
@@ -40,6 +40,6 @@ let observer = {
       }
   }
   }
-	return Rx.Subject.create(observer, observable);
+	return Subject.create(observer, observable);
   }
 }