From 128e780c6a98ce6c688ea1657622013d6fce055d Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Tue, 6 Nov 2018 14:51:04 +0800
Subject: [PATCH] Fix Chart Card field style

---
 src/components/Charts/Field/index.js   | 4 ++--
 src/components/Charts/Field/index.less | 7 ++++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/Charts/Field/index.js b/src/components/Charts/Field/index.js
index 0f9ace22..22dca86c 100644
--- a/src/components/Charts/Field/index.js
+++ b/src/components/Charts/Field/index.js
@@ -4,8 +4,8 @@ import styles from './index.less';
 
 const Field = ({ label, value, ...rest }) => (
   <div className={styles.field} {...rest}>
-    <span>{label}</span>
-    <span>{value}</span>
+    <span className={styles.label}>{label}</span>
+    <span className={styles.number}>{value}</span>
   </div>
 );
 
diff --git a/src/components/Charts/Field/index.less b/src/components/Charts/Field/index.less
index aeafbcb8..170ddc1d 100644
--- a/src/components/Charts/Field/index.less
+++ b/src/components/Charts/Field/index.less
@@ -5,12 +5,13 @@
   overflow: hidden;
   text-overflow: ellipsis;
   margin: 0;
-  span {
+  .label,
+  .number {
     font-size: @font-size-base;
     line-height: 22px;
   }
-  span:last-child {
-    margin-left: 8px;
+  .number {
     color: @heading-color;
+    margin-left: 8px;
   }
 }
-- 
GitLab