From dd8d350b7d3ab44017a02e56ccaed7aaae2da37c Mon Sep 17 00:00:00 2001
From: Leopoldthecoder <Leopoldthecuber@gmail.com>
Date: Tue, 21 Nov 2017 11:36:29 +0800
Subject: [PATCH] Table: fix sorting arrow style

---
 packages/theme-chalk/src/table.scss | 13 +++++++------
 packages/theme-chalk/src/tag.scss   |  6 +++---
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/packages/theme-chalk/src/table.scss b/packages/theme-chalk/src/table.scss
index b61b451ee..cd66400be 100644
--- a/packages/theme-chalk/src/table.scss
+++ b/packages/theme-chalk/src/table.scss
@@ -426,9 +426,11 @@
   }
 
   .caret-wrapper {
-    position: absolute;
-    display: inline-block;
-    height: 100%;
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    height: 34px;
+    width: 24px;
     vertical-align: middle;
     cursor: pointer;
     overflow: initial;
@@ -440,14 +442,13 @@
     overflow: hidden;
     font-size: 15px;
     position: absolute;
-    left: 4px;
 
     &.ascending {
-      top: 1px;
+      top: 5px;
     }
 
     &.descending {
-      bottom: 1px;
+      bottom: 7px;
     }
   }
 
diff --git a/packages/theme-chalk/src/tag.scss b/packages/theme-chalk/src/tag.scss
index ad443cc5f..6c949d716 100644
--- a/packages/theme-chalk/src/tag.scss
+++ b/packages/theme-chalk/src/tag.scss
@@ -20,9 +20,9 @@
     position: relative;
     cursor: pointer;
     font-size: 12px;
-    height: 18px;
-    width: 18px;
-    line-height: 18px;
+    height: 16px;
+    width: 16px;
+    line-height: 16px;
     vertical-align: middle;
     top: -1px;
     right: -5px;