From 79d2ed8cfe69eb6dc57ebb4a84b35a94714a1d1e Mon Sep 17 00:00:00 2001
From: sercan <sercanyemen@gmail.com>
Date: Wed, 2 Jan 2019 10:05:21 +0300
Subject: [PATCH] Fixed: ngx datatable sort arrow icons are not working
 correctly and they are not aligned Small comment tweak

---
 src/@fuse/scss/partials/plugins/_ngx-datatable.scss | 13 +++++++++----
 src/app/app.theme.scss                              |  2 +-
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/@fuse/scss/partials/plugins/_ngx-datatable.scss b/src/@fuse/scss/partials/plugins/_ngx-datatable.scss
index 352b1b8c..027e73a4 100644
--- a/src/@fuse/scss/partials/plugins/_ngx-datatable.scss
+++ b/src/@fuse/scss/partials/plugins/_ngx-datatable.scss
@@ -95,6 +95,11 @@
                 min-height: 48px;
                 font-size: 13px;
                 padding: 0 24px;
+
+                .datatable-header-cell-template-wrap {
+                    display: inline-flex;
+                    align-items: center;
+                }
             }
         }
 
@@ -172,7 +177,7 @@
 }
 
 [class*="datatable-icon-"] {
-    font-family: 'Material Icons';
+    font-family: 'material-outline-icons';
     font-weight: normal;
     font-style: normal;
     font-size: 24px;
@@ -204,11 +209,11 @@
 }
 
 .datatable-icon-up:before {
-    content: "keyboard_arrow_up";
+    content: "arrow_drop_up";
 }
 
 .datatable-icon-down:before {
-    content: "keyboard_arrow_down";
+    content: "arrow_drop_down";
 }
 
 .datatable-icon-sort:before {
@@ -249,4 +254,4 @@
 
 .datatable-icon-prev:before {
     content: "skip_previous";
-}
\ No newline at end of file
+}
diff --git a/src/app/app.theme.scss b/src/app/app.theme.scss
index 5af816a7..954df64c 100644
--- a/src/app/app.theme.scss
+++ b/src/app/app.theme.scss
@@ -61,7 +61,7 @@ $custom_palettes: (
 // @ Typography
 // -----------------------------------------------------------------------------------------------------
 
-// Force the input field font sizes to 16px
+// Angular Material typography
 $typography: mat-typography-config(
     $font-family: 'Muli, Helvetica Neue, Arial, sans-serif',
     $title: mat-typography-level(20px, 32px, 600),