changed 'perfect-scrollbar' to 'perfectScrollbar'

src/app/core/components/material-color-picker/material-color-picker.component.html

@@ -45,7 +45,7 @@
 
             <div fxLayout="row" fxLayoutWrap
                  fxLayoutAlign="start start"
-                 class="colors" perfect-scrollbar>
+                 class="colors" perfectScrollbar>
                 <div class="color"
                      [ngClass]="'md-'+color.key+'-bg'"
                      *ngFor="let color of (colors | keys)"
@@ -63,7 +63,7 @@
              [@slideInRight]>
             <div fxLayout="row" fxLayoutWrap
                  fxLayoutAlign="start start"
-                 class="colors" perfect-scrollbar>
+                 class="colors" perfectScrollbar>
                 <div class="color"
                      *ngFor="let hue of hues"
                      [fxHide]="selectedPalette === 'white' && hue !== '500'|| selectedPalette === 'black' && hue !== '500'"

src/app/core/components/shortcuts/shortcuts.component.html

@@ -47,7 +47,7 @@
             </md-input-container>
 
             <md-divider></md-divider>
-            <md-nav-list *ngIf="!searching" style="max-height: 312px; overflow: auto" perfect-scrollbar>
+            <md-nav-list *ngIf="!searching" style="max-height: 312px; overflow: auto" perfectScrollbar>
 
                 <md-list-item *ngFor="let shortcutItem of shortcutItems"
                               (click)="toggleShortcut($event, shortcutItem)">
@@ -68,7 +68,7 @@
                 </md-list-item>
             </md-nav-list>
 
-            <md-nav-list *ngIf="searching" style="max-height: 312px; overflow: auto" perfect-scrollbar>
+            <md-nav-list *ngIf="searching" style="max-height: 312px; overflow: auto" perfectScrollbar>
                 <md-list-item *ngFor="let navigationItem of filteredNavigationItems"
                               (click)="toggleShortcut($event, navigationItem)">
                     <div class="w-100-p" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/apps/calendar/calendar.component.html

@@ -1,4 +1,4 @@
-<div id="calendar" class="page-layout simple fullwidth" perfect-scrollbar>
+<div id="calendar" class="page-layout simple fullwidth" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header" [ngClass]="viewDate | date:'MMM'">
@@ -86,7 +86,7 @@
     <!-- / HEADER -->
 
     <!-- CONTENT -->
-    <div class="content" perfect-scrollbar>
+    <div class="content" perfectScrollbar>
         <div [ngSwitch]="view">
             <mwl-calendar-month-view
                 *ngSwitchCase="'month'"

src/app/main/content/apps/calendar/event-form/event-form.component.html

@@ -9,7 +9,7 @@
     </div>
 </md-toolbar>
 
-<div md-dialog-content class="p-24 m-0" perfect-scrollbar>
+<div md-dialog-content class="p-24 m-0" perfectScrollbar>
 
     <form name="eventForm" [formGroup]="eventForm" class="event-form" fxLayout="column" fxFlex>
 

src/app/main/content/apps/chat/chat-view/chat-view.component.html

@@ -57,7 +57,7 @@
     <!-- / CHAT TOOLBAR -->
 
     <!-- CHAT CONTENT -->
-    <div id="chat-content" fxFlex perfect-scrollbar>
+    <div id="chat-content" fxFlex perfectScrollbar>
 
         <!-- CHAT MESSAGES -->
         <div class="chat-messages">

src/app/main/content/apps/chat/sidenavs/left/chats/chats.component.html

@@ -98,7 +98,7 @@
 <!-- / SIDENAV HEADER -->
 
 <!-- SIDENAV CONTENT -->
-<div class="sidenav-content" perfect-scrollbar fxFlex>
+<div class="sidenav-content" perfectScrollbar fxFlex>
 
     <!-- CHATS CONTENT -->
     <div>

src/app/main/content/apps/chat/sidenavs/left/user/user.component.html

@@ -29,7 +29,7 @@
 </div>
 
 <!-- SIDENAV CONTENT -->
-<div class="sidenav-content p-16" perfect-scrollbar fxFlex>
+<div class="sidenav-content p-16" perfectScrollbar fxFlex>
 
     <!-- USER MOOD -->
     <md-card>

src/app/main/content/apps/chat/sidenavs/right/contact/contact.component.html

@@ -31,7 +31,7 @@
 </div>
 
 <!-- SIDENAV CONTENT -->
-<div class="sidenav-content p-16" perfect-scrollbar fxFlex *ngIf="contact">
+<div class="sidenav-content p-16" perfectScrollbar fxFlex *ngIf="contact">
 
     <!-- CONTACT MOOD -->
     <md-card>

src/app/main/content/apps/contacts/contact-form/contact-form.component.html

@@ -15,7 +15,7 @@
     </md-toolbar-row>
 </md-toolbar>
 
-<div md-dialog-content class="p-24 m-0" perfect-scrollbar>
+<div md-dialog-content class="p-24 m-0" perfectScrollbar>
 
     <form [formGroup]="contactForm">
 

src/app/main/content/apps/contacts/contacts.component.html

@@ -1,4 +1,4 @@
-<div id="contacts" class="page-layout simple left-sidenav inner-sidenav" perfect-scrollbar>
+<div id="contacts" class="page-layout simple left-sidenav inner-sidenav" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24" fxLayout="column" fxLayoutAlign="start start"
@@ -51,7 +51,7 @@
         <!-- / SIDENAV -->
 
         <!-- CENTER -->
-        <div class="center p-24 pr-sm-92" perfect-scrollbar>
+        <div class="center p-24 pr-sm-92" perfectScrollbar>
 
             <!-- CONTENT -->
             <div class="content md-white-bg mat-elevation-z4">

src/app/main/content/apps/contacts/sidenavs/main/main.component.html

@@ -13,7 +13,7 @@
         <!-- / SIDENAV HEADER -->
 
         <!-- SIDENAV CONTENT -->
-        <div class="content py-16" perfect-scrollbar>
+        <div class="content py-16" perfectScrollbar>
 
             <div class="nav">
 

src/app/main/content/apps/dashboards/project/project.component.html

@@ -1,9 +1,9 @@
-<div id="dashboard-project" class="page-layout simple right-sidenav" fxLayout="row" perfect-scrollbar>
+<div id="dashboard-project" class="page-layout simple right-sidenav" fxLayout="row" perfectScrollbar>
 
     <md-sidenav-container>
 
         <!-- CENTER -->
-        <div class="center" fxFlex perfect-scrollbar>
+        <div class="center" fxFlex perfectScrollbar>
 
             <!-- HEADER -->
             <div class="header md-accent-bg p-24 pb-0" fxLayout="column" fxLayoutAlign="space-between">
@@ -690,7 +690,7 @@
         <!-- SIDENAV -->
         <md-sidenav class="sidenav mat-sidenav-opened" align="end" mode="side" fuseMdSidenavHelper="dashboards-right-sidenav" md-is-locked-open="gt-md">
 
-            <div class="sidenav-content" perfect-scrollbar>
+            <div class="sidenav-content" perfectScrollbar>
                 <!-- WIDGET GROUP -->
                 <div class="widget-group" fxLayout="column" fxFlex="100">
 

src/app/main/content/apps/file-manager/file-manager.component.html

@@ -1,4 +1,4 @@
-<div id="file-manager" class="page-layout simple right-sidenav" perfect-scrollbar>
+<div id="file-manager" class="page-layout simple right-sidenav" perfectScrollbar>
 
     <md-sidenav-container>
 
@@ -58,7 +58,7 @@
             <!-- / HEADER -->
 
             <!-- CONTENT -->
-            <div class="content md-white-bg" perfect-scrollbar>
+            <div class="content md-white-bg" perfectScrollbar>
                 <fuse-file-list></fuse-file-list>
             </div>
             <!-- / CONTENT -->

src/app/main/content/apps/file-manager/sidenavs/details/details.component.html

@@ -27,7 +27,7 @@
 <!-- / SIDENAV HEADER -->
 
 <!-- SIDENAV CONTENT -->
-<div class="content p-24 md-white-bg" perfect-scrollbar>
+<div class="content p-24 md-white-bg" perfectScrollbar>
 
     <div class="file-details">
 

src/app/main/content/apps/file-manager/sidenavs/main/main.component.html

@@ -10,7 +10,7 @@
 <!-- / SIDENAV HEADER -->
 
 <!-- SIDENAV CONTENT -->
-<div class="content py-16" perfect-scrollbar>
+<div class="content py-16" perfectScrollbar>
 
     <div class="nav">
 

src/app/main/content/apps/mail/dialogs/compose/compose.component.html

@@ -9,7 +9,7 @@
     </div>
 </md-toolbar>
 
-<div md-dialog-content class="p-24 m-0" perfect-scrollbar>
+<div md-dialog-content class="p-24 m-0" perfectScrollbar>
 
     <form name="composeForm" [formGroup]="composeForm" class="compose-form" fxLayout="column" fxFlex>
 

src/app/main/content/apps/mail/mail.component.html

@@ -1,4 +1,4 @@
-<div id="mail" class="page-layout carded left-sidenav" perfect-scrollbar>
+<div id="mail" class="page-layout carded left-sidenav" perfectScrollbar>
 
     <!-- TOP BACKGROUND -->
     <div class="top-bg md-accent-bg"></div>
@@ -96,9 +96,9 @@
                 <!-- CONTENT -->
                 <div class="content" fxLayoutAlign="row">
 
-                    <fuse-mail-list perfect-scrollbar fxFlex></fuse-mail-list>
+                    <fuse-mail-list perfectScrollbar fxFlex></fuse-mail-list>
 
-                    <fuse-mail-details perfect-scrollbar fxFlex></fuse-mail-details>
+                    <fuse-mail-details perfectScrollbar fxFlex></fuse-mail-details>
 
                 </div>
                 <!-- / CONTENT -->

src/app/main/content/apps/mail/sidenavs/main/main-sidenav.component.html

@@ -21,7 +21,7 @@
 <!-- / SIDENAV HEADER -->
 
 <!-- SIDENAV CONTENT -->
-<div class="content" perfect-scrollbar>
+<div class="content" perfectScrollbar>
 
     <div class="p-24">
         <button md-raised-button fxFlex

src/app/main/content/apps/scrumboard/board/dialogs/card/card.component.html

@@ -123,7 +123,7 @@
     </div>
 </md-toolbar>
 
-<div *ngIf="card" md-dialog-content class="p-24 m-0" perfect-scrollbar>
+<div *ngIf="card" md-dialog-content class="p-24 m-0" perfectScrollbar>
 
     <div fxLayout.gt-xs="row" fxLayoutAlign.gt-xs="space-between center"
          fxLayout.xs="column" fxLayoutAlign="center center">

src/app/main/content/apps/scrumboard/board/dialogs/card/label-selector/label-selector.component.html

@@ -10,7 +10,7 @@
             </button>
         </div>
 
-        <div fxFlex fxLayout="column" perfect-scrollbar>
+        <div fxFlex fxLayout="column" perfectScrollbar>
 
             <div class="label pl-12 mx-8 mb-8" *ngFor="let label of board.labels" fxFlex="0 0 auto" fxLayout="row" fxFlexAlign="space-between center"
                  [class]="label.color">

src/app/main/content/apps/scrumboard/board/list/list.component.html

@@ -26,7 +26,7 @@
 
         <div class="list-cards ngx-dnd-container"
              [model]="list.idCards" ngxDroppable="card" (out)="onDrop($event)"
-             perfect-scrollbar #listScroll>
+             perfectScrollbar #listScroll>
             <fuse-scrumboard-board-card ngxDraggable
                                         (click)="openCardDialog(cardId)"
                                         class="scrumboard-board-card mat-elevation-z2 ngx-dnd-item"

src/app/main/content/apps/scrumboard/board/sidenavs/settings/settings.component.html

@@ -9,7 +9,7 @@
         <!-- / SIDENAV HEADER -->
 
         <!-- SIDENAV CONTENT -->
-        <div class="content py-16" perfect-scrollbar>
+        <div class="content py-16" perfectScrollbar>
 
             <div class="nav">
                 <div class="nav-item">
@@ -67,7 +67,7 @@
         <!-- / SIDENAV HEADER -->
 
         <!-- SIDENAV CONTENT -->
-        <div class="content p-8" perfect-scrollbar>
+        <div class="content p-8" perfectScrollbar>
             <fuse-scrumboard-board-color-selector></fuse-scrumboard-board-color-selector>
         </div>
         <!-- / SIDENAV CONTENT -->

src/app/main/content/apps/scrumboard/scrumboard.component.html

@@ -1,5 +1,5 @@
 <!-- BOARDS -->
-<div id="boards" class="md-primary-400-bg" fxLayout="column" fxLayoutAlign="start center" fxFlex perfect-scrollbar>
+<div id="boards" class="md-primary-400-bg" fxLayout="column" fxLayoutAlign="start center" fxFlex perfectScrollbar>
 
     <div class="header pt-44 pt-md-88" fxFlex="0 0 auto">
         <h1>Scrumboard App</h1>

src/app/main/content/apps/todo/sidenavs/main/main-sidenav.component.html

@@ -21,7 +21,7 @@
 <!-- / SIDENAV HEADER -->
 
 <!-- SIDENAV CONTENT -->
-<div class="content" perfect-scrollbar>
+<div class="content" perfectScrollbar>
 
     <div class="p-24">
         <button md-raised-button fxFlex

src/app/main/content/apps/todo/todo.component.html

@@ -1,4 +1,4 @@
-<div id="todo" class="page-layout carded left-sidenav" perfect-scrollbar>
+<div id="todo" class="page-layout carded left-sidenav" perfectScrollbar>
 
     <!-- TOP BACKGROUND -->
     <div class="top-bg md-accent-bg"></div>
@@ -82,9 +82,9 @@
                 <!-- CONTENT -->
                 <div class="content" fxFlexAlign="row">
 
-                    <fuse-todo-list perfect-scrollbar fxFlex></fuse-todo-list>
+                    <fuse-todo-list perfectScrollbar fxFlex></fuse-todo-list>
 
-                    <fuse-todo-details perfect-scrollbar fxFlex></fuse-todo-details>
+                    <fuse-todo-details perfectScrollbar fxFlex></fuse-todo-details>
 
                 </div>
                 <!-- / CONTENT -->

src/app/main/content/components-third-party/datatable/ngx-datatable.component.html

@@ -1,4 +1,4 @@
-<div id="ngx-datatable" class="page-layout simple fullwidth" perfect-scrollbar>
+<div id="ngx-datatable" class="page-layout simple fullwidth" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="space-between">

src/app/main/content/components/countdown/countdown.component.html

@@ -1,4 +1,4 @@
-<div id="countdown" class="page-layout simple fullwidth" perfect-scrollbar>
+<div id="countdown" class="page-layout simple fullwidth" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/components/hljs/hljs.component.html

@@ -1,4 +1,4 @@
-<div id="hljs" class="page-layout simple fullwidth" perfect-scrollbar>
+<div id="hljs" class="page-layout simple fullwidth" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/components/material-color-picker/material-color-picker.component.html

@@ -1,4 +1,4 @@
-<div id="material-color-picker" class="page-layout simple fullwidth" perfect-scrollbar>
+<div id="material-color-picker" class="page-layout simple fullwidth" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/components/navigation/navigation.component.html

@@ -1,4 +1,4 @@
-<div id="navigation" class="page-layout simple fullwidth" perfect-scrollbar>
+<div id="navigation" class="page-layout simple fullwidth" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/components/price-tables/price-tables.component.html

@@ -1,4 +1,4 @@
-<div id="price-tables" class="page-layout simple fullwidth" perfect-scrollbar>
+<div id="price-tables" class="page-layout simple fullwidth" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/components/search-bar/search-bar.component.html

@@ -1,4 +1,4 @@
-<div id="search-bar" class="page-layout simple fullwidth" perfect-scrollbar>
+<div id="search-bar" class="page-layout simple fullwidth" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/components/shortcuts/shortcuts.component.html

@@ -1,4 +1,4 @@
-<div id="shortcuts" class="page-layout simple fullwidth" perfect-scrollbar>
+<div id="shortcuts" class="page-layout simple fullwidth" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/components/widget/widget.component.html

@@ -1,4 +1,4 @@
-<div id="widget" class="page-layout simple fullwidth" perfect-scrollbar>
+<div id="widget" class="page-layout simple fullwidth" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/pages/authentication/forgot-password/forgot-password.component.html

@@ -1,4 +1,4 @@
-<div id="forgot-password" fxLayout="column" perfect-scrollbar>
+<div id="forgot-password" fxLayout="column" perfectScrollbar>
 
     <div id="forgot-password-form-wrapper" fxLayout="column" fxLayoutAlign="center center">
 

src/app/main/content/pages/authentication/lock/lock.component.html

@@ -1,4 +1,4 @@
-<div id="lock" fxLayout="column" perfect-scrollbar>
+<div id="lock" fxLayout="column" perfectScrollbar>
 
     <div id="lock-form-wrapper" fxLayout="column" fxLayoutAlign="center center">
 

src/app/main/content/pages/authentication/login-2/login-2.component.html

@@ -15,7 +15,7 @@
         </div>
     </div>
 
-    <div id="login-form-wrapper" perfect-scrollbar>
+    <div id="login-form-wrapper" perfectScrollbar>
 
         <div id="login-form">
 

src/app/main/content/pages/authentication/login/login.component.html

@@ -1,4 +1,4 @@
-<div id="login" fxLayout="column" perfect-scrollbar>
+<div id="login" fxLayout="column" perfectScrollbar>
 
     <div id="login-form-wrapper" fxLayout="column" fxLayoutAlign="center center">
 

src/app/main/content/pages/authentication/register-2/register-2.component.html

@@ -15,7 +15,7 @@
         </div>
     </div>
 
-    <div id="register-form-wrapper" perfect-scrollbar>
+    <div id="register-form-wrapper" perfectScrollbar>
 
         <div id="register-form">
 

src/app/main/content/pages/authentication/register/register.component.html

@@ -1,4 +1,4 @@
-<div id="register" fxLayout="column" perfect-scrollbar>
+<div id="register" fxLayout="column" perfectScrollbar>
 
     <div id="register-form-wrapper" fxLayout="column" fxLayoutAlign="center center">
 

src/app/main/content/pages/authentication/reset-password/reset-password.component.html

@@ -1,4 +1,4 @@
-<div id="reset-password" fxLayout="column" perfect-scrollbar>
+<div id="reset-password" fxLayout="column" perfectScrollbar>
 
     <div id="reset-password-form-wrapper" fxLayout="column" fxLayoutAlign="center center">
 

src/app/main/content/pages/coming-soon/coming-soon.component.html

@@ -1,4 +1,4 @@
-<div id="coming-soon" fxLayout="column" perfect-scrollbar>
+<div id="coming-soon" fxLayout="column" perfectScrollbar>
 
     <div id="coming-soon-form-wrapper" fxLayout="column" fxLayoutAlign="center center">
 

src/app/main/content/pages/invoices/compact/compact.component.html

@@ -1,4 +1,4 @@
-<div id="invoice" class="compact page-layout blank" fxLayout="row" perfect-scrollbar>
+<div id="invoice" class="compact page-layout blank" fxLayout="row" perfectScrollbar>
 
     <div class="invoice-container">
 

src/app/main/content/pages/invoices/modern/modern.component.html

@@ -1,4 +1,4 @@
-<div id="invoice" class="modern page-layout blank" fxLayout="row" perfect-scrollbar>
+<div id="invoice" class="modern page-layout blank" fxLayout="row" perfectScrollbar>
 
     <div class="invoice-container">
 

src/app/main/content/pages/maintenance/maintenance.component.html

@@ -1,4 +1,4 @@
-<div id="maintenance" fxLayout="column" perfect-scrollbar>
+<div id="maintenance" fxLayout="column" perfectScrollbar>
 
     <div id="maintenance-form-wrapper" fxLayout="column" fxLayoutAlign="center center">
 

src/app/main/content/pages/profile/profile.component.html

@@ -1,4 +1,4 @@
-<div id="profile" class="page-layout simple tabbed" perfect-scrollbar>
+<div id="profile" class="page-layout simple tabbed" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header p-24" fxLayout="column" fxLayoutAlign="center center" fxLayout.gt-sm="row"

src/app/main/content/pages/search/search.component.html

@@ -1,4 +1,4 @@
-<div id="search" class="page-layout simple tabbed" perfect-scrollbar>
+<div id="search" class="page-layout simple tabbed" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24" fxLayout="column" fxLayoutAlign="center center" fxLayout.gt-sm="row"

src/app/main/content/services/config/config.component.html

@@ -1,4 +1,4 @@
-<div id="config" class="page-layout simple fullwidth" perfect-scrollbar>
+<div id="config" class="page-layout simple fullwidth" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/services/splash-screen/splash-screen.component.html

@@ -1,4 +1,4 @@
-<div id="splash-screen" class="page-layout simple fullwidth" perfect-scrollbar>
+<div id="splash-screen" class="page-layout simple fullwidth" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/ui/colors/colors.component.html

@@ -1,4 +1,4 @@
-<div id="material-colors" class="page-layout simple tabbed" fxLayout="column" perfect-scrollbar>
+<div id="material-colors" class="page-layout simple tabbed" fxLayout="column" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="space-between center">

src/app/main/content/ui/forms/forms.component.html

@@ -1,4 +1,4 @@
-<div id="forms" class="page-layout simple fullwidth" fxLayout="column" perfect-scrollbar>
+<div id="forms" class="page-layout simple fullwidth" fxLayout="column" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/ui/helper-classes/helper-classes.component.html

@@ -1,4 +1,4 @@
-<div id="helper-classes" class="page-layout simple tabbed" fxLayout="column" perfect-scrollbar>
+<div id="helper-classes" class="page-layout simple tabbed" fxLayout="column" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/ui/icons/icons.component.html

@@ -1,4 +1,4 @@
-<div id="helper-classes" class="page-layout simple tabbed" fxLayout="column" perfect-scrollbar>
+<div id="helper-classes" class="page-layout simple tabbed" fxLayout="column" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="space-between center">

src/app/main/content/ui/page-layouts/blank/blank.component.html

@@ -1,4 +1,4 @@
-<div class="page-layout blank p-24" perfect-scrollbar>
+<div class="page-layout blank p-24" perfectScrollbar>
 
     <h2>Blank Page</h2>
 

src/app/main/content/ui/page-layouts/carded/fullwidth-2/fullwidth-2.component.html

@@ -1,4 +1,4 @@
-<div class="page-layout carded fullwidth single-scroll" perfect-scrollbar>
+<div class="page-layout carded fullwidth single-scroll" perfectScrollbar>
 
     <!-- TOP BACKGROUND -->
     <div class="top-bg md-accent-bg"></div>

src/app/main/content/ui/page-layouts/carded/fullwidth/fullwidth.component.html

@@ -1,4 +1,4 @@
-<div class="page-layout carded fullwidth" perfect-scrollbar>
+<div class="page-layout carded fullwidth" perfectScrollbar>
 
     <!-- TOP BACKGROUND -->
     <div class="top-bg md-accent-bg"></div>
@@ -23,7 +23,7 @@
             <!-- / CONTENT TOOLBAR -->
 
             <!-- CONTENT -->
-            <div class="content p-24" perfect-scrollbar>
+            <div class="content p-24" perfectScrollbar>
 
                 <fuse-demo-content></fuse-demo-content>
 

src/app/main/content/ui/page-layouts/carded/left-sidenav-2/left-sidenav-2.component.html

@@ -1,4 +1,4 @@
-<div class="page-layout carded left-sidenav single-scroll" perfect-scrollbar>
+<div class="page-layout carded left-sidenav single-scroll" perfectScrollbar>
 
     <!-- TOP BACKGROUND -->
     <div class="top-bg md-accent-bg"></div>
@@ -17,7 +17,7 @@
             <!-- / SIDENAV HEADER -->
 
             <!-- SIDENAV CONTENT -->
-            <div class="content p-24" perfect-scrollbar>
+            <div class="content p-24" perfectScrollbar>
                 <fuse-demo-sidenav></fuse-demo-sidenav>
             </div>
             <!-- / SIDENAV CONTENT -->
@@ -50,7 +50,7 @@
                 <!-- / CONTENT TOOLBAR -->
 
                 <!-- CONTENT -->
-                <div class="content p-24" perfect-scrollbar>
+                <div class="content p-24" perfectScrollbar>
 
                     <fuse-demo-content></fuse-demo-content>
 

src/app/main/content/ui/page-layouts/carded/left-sidenav/left-sidenav.component.html

@@ -1,4 +1,4 @@
-<div class="page-layout carded left-sidenav" perfect-scrollbar>
+<div class="page-layout carded left-sidenav" perfectScrollbar>
 
     <!-- TOP BACKGROUND -->
     <div class="top-bg md-accent-bg"></div>
@@ -17,7 +17,7 @@
             <!-- / SIDENAV HEADER -->
 
             <!-- SIDENAV CONTENT -->
-            <div class="content p-24" perfect-scrollbar>
+            <div class="content p-24" perfectScrollbar>
 
                 <fuse-demo-sidenav></fuse-demo-sidenav>
 
@@ -52,7 +52,7 @@
                 <!-- / CONTENT TOOLBAR -->
 
                 <!-- CONTENT -->
-                <div class="content p-24" perfect-scrollbar>
+                <div class="content p-24" perfectScrollbar>
 
                     <fuse-demo-content></fuse-demo-content>
 

src/app/main/content/ui/page-layouts/carded/right-sidenav-2/right-sidenav-2.component.html

@@ -1,4 +1,4 @@
-<div class="page-layout carded right-sidenav single-scroll" perfect-scrollbar>
+<div class="page-layout carded right-sidenav single-scroll" perfectScrollbar>
 
     <!-- TOP BACKGROUND -->
     <div class="top-bg md-accent-bg"></div>
@@ -31,7 +31,7 @@
                 <!-- / CONTENT TOOLBAR -->
 
                 <!-- CONTENT -->
-                <div class="content p-24" perfect-scrollbar>
+                <div class="content p-24" perfectScrollbar>
 
                     <fuse-demo-content></fuse-demo-content>
 
@@ -55,7 +55,7 @@
             <!-- / SIDENAV HEADER -->
 
             <!-- SIDENAV CONTENT -->
-            <div class="content p-24" perfect-scrollbar>
+            <div class="content p-24" perfectScrollbar>
                 <fuse-demo-sidenav></fuse-demo-sidenav>
             </div>
             <!-- / SIDENAV CONTENT -->

src/app/main/content/ui/page-layouts/carded/right-sidenav/right-sidenav.component.html

@@ -1,4 +1,4 @@
-<div class="page-layout carded right-sidenav" perfect-scrollbar>
+<div class="page-layout carded right-sidenav" perfectScrollbar>
 
     <!-- TOP BACKGROUND -->
     <div class="top-bg md-accent-bg"></div>
@@ -31,7 +31,7 @@
                 <!-- / CONTENT TOOLBAR -->
 
                 <!-- CONTENT -->
-                <div class="content p-24" perfect-scrollbar>
+                <div class="content p-24" perfectScrollbar>
 
                     <fuse-demo-content></fuse-demo-content>
 
@@ -55,7 +55,7 @@
             <!-- / SIDENAV HEADER -->
 
             <!-- SIDENAV CONTENT -->
-            <div class="content p-24" perfect-scrollbar>
+            <div class="content p-24" perfectScrollbar>
                 <fuse-demo-sidenav></fuse-demo-sidenav>
             </div>
             <!-- / SIDENAV CONTENT -->

src/app/main/content/ui/page-layouts/simple/fullwidth/fullwidth.component.html

@@ -1,4 +1,4 @@
-<div class="page-layout simple fullwidth" perfect-scrollbar>
+<div class="page-layout simple fullwidth" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/ui/page-layouts/simple/left-sidenav-2/left-sidenav-2.component.html

@@ -1,4 +1,4 @@
-<div class="page-layout simple left-sidenav single-scroll" perfect-scrollbar>
+<div class="page-layout simple left-sidenav single-scroll" perfectScrollbar>
 
     <md-sidenav-container>
 
@@ -12,7 +12,7 @@
         <!-- / SIDENAV -->
 
         <!-- CENTER -->
-        <div class="center" perfect-scrollbar>
+        <div class="center" perfectScrollbar>
 
             <!-- HEADER -->
             <div class="header md-accent-bg p-24" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/ui/page-layouts/simple/left-sidenav-3/left-sidenav-3.component.html

@@ -1,4 +1,4 @@
-<div class="page-layout simple left-sidenav inner-sidenav" perfect-scrollbar>
+<div class="page-layout simple left-sidenav inner-sidenav" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24" fxLayout="row" fxLayoutAlign="start center">
@@ -22,7 +22,7 @@
         <md-sidenav class="sidenav mat-sidenav-opened" align="start" opened="true" mode="side"
                     fuseMdSidenavHelper="simple-left-sidenav-3" md-is-locked-open="gt-md">
 
-            <div class="sidenav-content" perfect-scrollbar>
+            <div class="sidenav-content" perfectScrollbar>
 
                 <fuse-demo-sidenav></fuse-demo-sidenav>
 
@@ -32,7 +32,7 @@
         <!-- / SIDENAV -->
 
         <!-- CENTER -->
-        <div class="center p-24" perfect-scrollbar>
+        <div class="center p-24" perfectScrollbar>
 
             <!-- CONTENT -->
             <div class="content p-24 mat-elevation-z4 md-white-bg">

src/app/main/content/ui/page-layouts/simple/left-sidenav/left-sidenav.component.html

@@ -1,4 +1,4 @@
-<div class="page-layout simple left-sidenav" perfect-scrollbar>
+<div class="page-layout simple left-sidenav" perfectScrollbar>
 
     <md-sidenav-container>
 
@@ -6,7 +6,7 @@
         <md-sidenav class="sidenav mat-sidenav-opened" align="start" opened="true" mode="side"
                     fuseMdSidenavHelper="simple-left-sidenav" md-is-locked-open="gt-md">
 
-            <div class="sidenav-content p-24" perfect-scrollbar>
+            <div class="sidenav-content p-24" perfectScrollbar>
 
                 <fuse-demo-sidenav></fuse-demo-sidenav>
 
@@ -16,7 +16,7 @@
         <!-- / SIDENAV -->
 
         <!-- CENTER -->
-        <div class="center" perfect-scrollbar>
+        <div class="center" perfectScrollbar>
 
             <!-- HEADER -->
             <div class="header md-accent-bg p-24" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/ui/page-layouts/simple/right-sidenav-2/right-sidenav-2.component.html

@@ -1,9 +1,9 @@
-<div class="page-layout simple right-sidenav single-scroll" perfect-scrollbar>
+<div class="page-layout simple right-sidenav single-scroll" perfectScrollbar>
 
     <md-sidenav-container>
 
         <!-- CENTER -->
-        <div class="center" perfect-scrollbar>
+        <div class="center" perfectScrollbar>
 
             <!-- HEADER -->
             <div class="header md-accent-bg p-24" fxLayout="row" fxLayoutAlign="start center">

src/app/main/content/ui/page-layouts/simple/right-sidenav-3/right-sidenav-3.component.html

@@ -1,4 +1,4 @@
-<div class="page-layout simple right-sidenav inner-sidenav" perfect-scrollbar>
+<div class="page-layout simple right-sidenav inner-sidenav" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24" fxLayout="row" fxLayoutAlign="start center">
@@ -19,7 +19,7 @@
     <md-sidenav-container>
 
         <!-- CENTER -->
-        <div class="center p-24" perfect-scrollbar>
+        <div class="center p-24" perfectScrollbar>
 
             <!-- CONTENT -->
             <div class="content p-24 mat-elevation-z4 md-white-bg">
@@ -36,7 +36,7 @@
         <md-sidenav class="sidenav mat-sidenav-opened" align="end" opened="true" mode="side"
                     fuseMdSidenavHelper="simple-right-sidenav-3" md-is-locked-open="gt-md">
 
-            <div class="sidenav-content" perfect-scrollbar>
+            <div class="sidenav-content" perfectScrollbar>
 
                 <fuse-demo-sidenav></fuse-demo-sidenav>
 

src/app/main/content/ui/page-layouts/simple/right-sidenav/right-sidenav.component.html

@@ -1,9 +1,9 @@
-<div class="page-layout simple right-sidenav" perfect-scrollbar>
+<div class="page-layout simple right-sidenav" perfectScrollbar>
 
     <md-sidenav-container>
 
         <!-- CENTER -->
-        <div class="center" perfect-scrollbar>
+        <div class="center" perfectScrollbar>
 
             <!-- HEADER -->
             <div class="header md-accent-bg p-24" fxLayout="row" fxLayoutAlign="start center">
@@ -36,7 +36,7 @@
         <md-sidenav class="sidenav mat-sidenav-opened" align="end" opened="true" mode="side"
                     fuseMdSidenavHelper="simple-right-sidenav" md-is-locked-open="gt-md">
 
-            <div class="sidenav-content p-24" perfect-scrollbar>
+            <div class="sidenav-content p-24" perfectScrollbar>
 
                 <fuse-demo-sidenav></fuse-demo-sidenav>
 

src/app/main/content/ui/page-layouts/simple/tabbed/tabbed.component.html

@@ -1,4 +1,4 @@
-<div class="page-layout simple tabbed" perfect-scrollbar>
+<div class="page-layout simple tabbed" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24">

src/app/main/content/ui/typography/typography.component.html

@@ -1,4 +1,4 @@
-<div id="typography" class="page-layout simple tabbed" fxLayout="column" perfect-scrollbar>
+<div id="typography" class="page-layout simple tabbed" fxLayout="column" perfectScrollbar>
 
     <!-- HEADER -->
     <div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="start center">

src/app/main/footer/footer.component.html

@@ -1,14 +1,20 @@
 <md-toolbar>
 
-    <div fxLayout="row" fxLayoutAlign="center center" fxFlex>
+    <div fxLayout="row" fxLayoutAlign="center center" fxLayoutAlign.gt-xs="space-between center" fxFlex>
 
         <a href="http://themeforest.net/item/fuse-angularjs-material-design-admin-template/12931855?ref=srcn"
-           target="_blank" md-button class="ml-8 ml-sm-24 md-accent-800-bg" fxFlex="0 0 auto" fxLayout="row"
+           target="_blank" md-button class="md-pink-bg" fxFlex="0 0 auto" fxLayout="row"
            fxLayoutAlign="start center">
             <md-icon class="s-16 mr-sm-4">shopping_cart</md-icon>
-            <span>Purchase Fuse template (Angular4+)</span>
+            <span>Purchase FUSE (Angular4+)</span>
         </a>
 
+        <div fxLayout="row" fxLayoutAlign="start center" fxHide fxShow.gt-xs>
+            <a md-button href="http://fuse-angular-material-docs.withinpixels.com/" target="_blank">Documentation</a>
+            <span>&bull;</span>
+            <a md-button href="http://withinpixels.com/themes/fuse/changelog" target="_blank">Changelog</a>
+        </div>
+
     </div>
 
 </md-toolbar>

src/app/main/toolbar/toolbar.component.html

@@ -13,7 +13,7 @@
 
             <div fxLayout="row" fxLayoutAlign="start center" *ngIf="horizontalNav">
                 <div class="logo ml-16">
-                    <span class="logo-icon">F</span>
+                    <img class="logo-icon" src="assets/images/logos/fuse.svg">
                 </div>
             </div>