From bb85b06d7daf2223e39ba55404a658c98efffb2c Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 10 Jan 2018 12:09:45 +0800
Subject: [PATCH] Fix some style problems

---
 src/index.less                 |  2 +-
 src/routes/List/BasicList.js   |  8 ++++----
 src/routes/List/BasicList.less | 13 +++++--------
 3 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/index.less b/src/index.less
index a470161f..98651b12 100644
--- a/src/index.less
+++ b/src/index.less
@@ -22,6 +22,6 @@ body {
 // temp fix for https://github.com/ant-design/ant-design/commit/a1fafb5b727b62cb0be29ce6e9eca8f579d4f8b7
 :global {
   .ant-spin-container {
-    overflow: visible;
+    overflow: visible !important;
   }
 }
diff --git a/src/routes/List/BasicList.js b/src/routes/List/BasicList.js
index d7cab415..08849235 100644
--- a/src/routes/List/BasicList.js
+++ b/src/routes/List/BasicList.js
@@ -60,16 +60,16 @@ export default class BasicList extends PureComponent {
 
     const ListContent = ({ data: { owner, createdAt, percent, status } }) => (
       <div className={styles.listContent}>
-        <div>
+        <div className={styles.listContentItem}>
           <span>Owner</span>
           <p>{owner}</p>
         </div>
-        <div>
+        <div className={styles.listContentItem}>
           <span>开始时间</span>
           <p>{moment(createdAt).format('YYYY-MM-DD hh:mm')}</p>
         </div>
-        <div>
-          <Progress percent={percent} status={status} strokeWidth={6} />
+        <div className={styles.listContentItem}>
+          <Progress percent={percent} status={status} strokeWidth={6} style={{ width: 180 }} />
         </div>
       </div>
     );
diff --git a/src/routes/List/BasicList.less b/src/routes/List/BasicList.less
index 236793e3..39457dc9 100644
--- a/src/routes/List/BasicList.less
+++ b/src/routes/List/BasicList.less
@@ -37,6 +37,7 @@
       color: @heading-color;
       font-size: 24px;
       line-height: 32px;
+      margin: 0;
     }
     & > em {
       background-color: @border-color-split;
@@ -49,25 +50,21 @@
   }
   .listContent {
     font-size: 0;
-    & > div {
+    .listContentItem {
       color: @text-color-secondary;
       display: inline-block;
+      vertical-align: middle;
       font-size: @font-size-base;
       margin-left: 40px;
-      & > span {
+      > span {
         line-height: 20px;
       }
-      & > p {
+      > p {
         margin-top: 4px;
         margin-bottom: 0;
         line-height: 22px;
       }
     }
-    & > div:last-child {
-      position: relative;
-      top: -16px;
-      width: 188px;
-    }
   }
   .extraContentSearch {
     margin-left: 16px;
-- 
GitLab