From ba3104120bbf0351c3eb7b7692159714b420ff74 Mon Sep 17 00:00:00 2001
From: ddcat1115 <ddcat1115@gmail.com>
Date: Thu, 26 Oct 2017 18:07:14 +0800
Subject: [PATCH] update style for profile and DescriptionList

---
 src/components/DescriptionList/index.less | 11 ++++++++++-
 src/routes/Profile/AdvancedProfile.js     | 10 +++++-----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/components/DescriptionList/index.less b/src/components/DescriptionList/index.less
index 0259c0f1..067144e4 100644
--- a/src/components/DescriptionList/index.less
+++ b/src/components/DescriptionList/index.less
@@ -17,6 +17,7 @@
   }
 
   .term {
+    line-height: 22px;
     padding-bottom: 16px;
     margin-right: 8px;
     color: @heading-color;
@@ -32,6 +33,7 @@
   }
 
   .detail {
+    line-height: 22px;
     width: 100%;
     padding-bottom: 16px;
     color: @text-color;
@@ -52,10 +54,17 @@
 }
 
 .descriptionListSmall {
+  // offset the padding-bottom of last row
+  :global {
+    .ant-row {
+      margin-bottom: -8px;
+    }
+  }
   .title {
     margin-bottom: 12px;
+    color: @text-color;
   }
-  .term {
+  .term, .detail {
     padding-bottom: 8px;
   }
 }
diff --git a/src/routes/Profile/AdvancedProfile.js b/src/routes/Profile/AdvancedProfile.js
index 357d56d2..d97d71d2 100644
--- a/src/routes/Profile/AdvancedProfile.js
+++ b/src/routes/Profile/AdvancedProfile.js
@@ -90,7 +90,7 @@ const popoverContent = (
   <div style={{ width: 160 }}>
     吴加号
     <span className={styles.textSecondary} style={{ float: 'right' }}>
-      <Badge status="default" text="未响应" />
+      <Badge status="default" text={<span style={{ color: 'rgba(0, 0, 0, 0.45)' }}>未响应</span>} />
     </span>
     <p className={styles.textSecondary} style={{ marginTop: 4 }} >耗时：2小时25分钟</p>
   </div>
@@ -260,14 +260,14 @@ export default class AdvancedProfile extends Component {
               <Description term="过期时间">2017-08-08</Description>
               <Description term="描述">这段描述很长很长很长很长很长很长很长很长很长很长很长很长很长很长...</Description>
             </DescriptionList>
-            <Divider style={{ marginBottom: 16 }} />
-            <DescriptionList style={{ marginBottom: 16 }} title="组名称" col="1">
+            <Divider style={{ margin: '16px 0' }} />
+            <DescriptionList size="small" style={{ marginBottom: 16 }} title="组名称" col="1">
               <Description term="学名">
                 Citrullus lanatus (Thunb.) Matsum. et Nakai一年生蔓生藤本；茎、枝粗壮，具明显的棱。卷须较粗..
               </Description>
             </DescriptionList>
-            <Divider style={{ marginBottom: 16 }} />
-            <DescriptionList title="组名称">
+            <Divider style={{ margin: '16px 0' }} />
+            <DescriptionList size="small" title="组名称">
               <Description term="负责人">付小小</Description>
               <Description term="角色码">1234568</Description>
             </DescriptionList>
-- 
GitLab