From ce3cbb82b122519783636da2130484916751da4c Mon Sep 17 00:00:00 2001
From: wiadev <facon3@protonmail.com>
Date: Thu, 7 Dec 2017 18:15:36 +0100
Subject: [PATCH] Fix unsorting table headers style #1414

---
 src/assets/css/styles.css           | 4 +++-
 src/components/table/TableHeader.js | 9 ++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/assets/css/styles.css b/src/assets/css/styles.css
index 72b479cbf..3be7042e1 100644
--- a/src/assets/css/styles.css
+++ b/src/assets/css/styles.css
@@ -751,13 +751,15 @@ body {
 }
 
 .sort-menu {
-    cursor: pointer;
     width: 100%;
     line-height: 22px;
     vertical-align: middle;
     position: relative;
 }
 
+.sort-menu--sortable {
+    cursor: pointer;
+}
 .sort-menu .sort-ico {
     position: absolute;
     right: -12px;
diff --git a/src/components/table/TableHeader.js b/src/components/table/TableHeader.js
index 74ad45130..69f31c7a1 100644
--- a/src/components/table/TableHeader.js
+++ b/src/components/table/TableHeader.js
@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import cx from 'classnames';
 
 class TableHeader extends Component {
     constructor(props) {
@@ -25,13 +26,15 @@ class TableHeader extends Component {
                 sorting.asc = item.ascending;
             }
         })
-
         return (
             <div
-                className="sort-menu"
+                className={cx('sort-menu', {['sort-menu--sortable']: sortable})}
                 onClick={() => this.handleClick(field, sorting, sortable)}
             >
-                <span title={caption} className="th-caption">{caption}</span>
+                <span
+                    title={caption}
+                    className={cx({ ['th-caption']: sortable })}
+                >{caption}</span>
                 <span
                     className={sorting.name && sorting.asc ?
                         'sort rotate-90 sort-ico' :