title: ngx-toastr, Toast not showing in Angular 7
body: <p>I'm currently developing a web app using Angular 7. I wanted to include ngx-toastr to send notifications to users but it isn't working as expected. When I trigger a toast nothing happens, except for a box in the size of a toast is appearing in bottom right corner but only when hovered over by the coursor.
  Following an example of how I trigger the toastr function. Test is invoked by the click of a button. </p>
  
  <pre><code>import {ToastrService} from 'ngx-toastr';
  @Component({
    selector: 'app-action-controls',
    templateUrl: './action-controls.component.html',
    styleUrls: ['./action-controls.component.scss']
  })
  export class Notification implements OnInit {
    test(){   
            this.toast.success("I'm a toast!", "Success!");
    }
   constructor(private toast: ToastrService) { }
  }
  </code></pre>
  
  <p>I includet the library css files in the angular.json file in my project like this: </p>
  
  <pre><code>     ...        
       "styles": [
          "src/styles.scss",
          "node_modules/bootstrap/scss/bootstrap.scss",
          "node_modules/ngx-toastr/toastr.css"
        ],
        ...
  </code></pre>
  
  <p>And like this in my app.module.ts file:</p>
  
  <pre><code>...
  import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
  import {ToastrModule} from 'ngx-toastr';
  ...
    imports: [
      ...
      BrowserAnimationsModule,
      ToastrModule.forRoot({
        timeOut: 1000,
        positionClass: 'toast-bottom-right'
      })
     ]
  ...
  </code></pre>
  
  <p>I can't figure out what i'm doing wrong, has anyone had similar experiences? Many thanks in advance!</p>