Raise add event fab button when audio player is open

Client/src/app/components/events-page/events-page.component.css

@@ -31,6 +31,11 @@ li:last-child{
     margin-top: 10px;
 }
 
+#audio-player-filler{
+    height: 60px;
+    background-color: inherit;
+}
+
 @media(max-width:800px){
     .mobile-search{
         display: block;

Client/src/app/components/events-page/events-page.component.html

@@ -18,6 +18,7 @@
         </button>
         <div class="fab-buttons" >
             <button md-fab *ngIf="loggedIn" (click)="addEvent()"><i ofbicon>add</i></button>
+            <div id="audio-player-filler" *ngIf="audioPlayerOpen"></div>
         </div>        
     </div>
     <div sideBar class="side-bar">

Client/src/app/components/events-page/events-page.component.ts

@@ -1,6 +1,7 @@
 import { MdDialog, MdDialogConfig, MdSnackBar } from '@angular/material';
 import { ActivatedRoute, Params } from '@angular/router';
 import { EventService } from './../../services/event.service';
+import { AudioPlayerService } from './../../services/audio-player.service';
 import { AddEventPopupComponent } from './../popups/add-event-popup/add-event-popup.component';
 import { Component, OnInit } from '@angular/core';
 
@@ -20,14 +21,17 @@ export class EventsPageComponent implements OnInit {
   public events: Event[];
   public loggedIn: boolean = false;
   public showAllButtonVisible: boolean = false;
+  public audioPlayerOpen: boolean = false;
 
   constructor(private loginService: LoginService, 
               private eventService: EventService,
               private dialog: MdDialog,
               private snackbar: MdSnackBar,
-              private activatedRoute: ActivatedRoute) { 
+              private activatedRoute: ActivatedRoute,
+              private audioPlayerService: AudioPlayerService) { 
     this.loginService.isLoggedIn(true).subscribe(is => { this.loggedIn = is; });
     this.loginService.onLogin().subscribe(is => { this.loggedIn = is.isLoggedIn; });
+    this.audioPlayerService.onAudioPlayerOpenClose.subscribe(is => this.audioPlayerOpen = is);
   }
 
   ngOnInit() {