From 93550523598f054bed374d6d8451fe085de477c9 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Tue, 1 Sep 2015 22:20:27 +0800
Subject: [PATCH] update timeline style

---
 components/timeline/demo/color.md | 13 +++++++++++--
 style/components/timeline.less    |  8 ++++----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/components/timeline/demo/color.md b/components/timeline/demo/color.md
index 3e271b68de..91a0fb7c89 100644
--- a/components/timeline/demo/color.md
+++ b/components/timeline/demo/color.md
@@ -13,8 +13,17 @@ let container = document.getElementById('components-timeline-demo-color');
 React.render(
 <Timeline>
   <Timeline.Item color="green">创建服务现场 2015-09-01</Timeline.Item>
-  <Timeline.Item color="red">初步排除网络异常 2015-09-01</Timeline.Item>
-  <Timeline.Item>技术测试异常 2015-09-01</Timeline.Item>
+  <Timeline.Item color="green">创建服务现场 2015-09-01</Timeline.Item>
+  <Timeline.Item color="red">
+    <p>初步排除网络异常1</p>
+    <p>初步排除网络异常2</p>
+    <p>初步排除网络异常3 2015-09-01</p>
+  </Timeline.Item>
+  <Timeline.Item>
+    <p>技术测试异常1</p>
+    <p>技术测试异常2</p>
+    <p>技术测试异常3 2015-09-01</p>
+  </Timeline.Item>
 </Timeline>
 , container);
 ````
diff --git a/style/components/timeline.less b/style/components/timeline.less
index 5570cb7d01..a6909991ce 100644
--- a/style/components/timeline.less
+++ b/style/components/timeline.less
@@ -7,13 +7,13 @@
 .@{timeline-prefix-cls} {
   &-item {
     position: relative;
-    min-height: 50px;
-    padding-bottom: 12px;
+    min-height: 36px;
+    padding-bottom: 16px;
 
     &-tail {
       position: absolute;
       left: 5px;
-      margin-top: 3px;
+      margin-top: 2px;
       z-index: 1;
       height: 100%;
       border-left: 2px solid @timeline-color;
@@ -28,7 +28,7 @@
       width: 12px;
       height: 12px;
       background-color: #fff;
-      margin-top: 3px;
+      margin-top: 2px;
       border-radius: 6px;
       &-blue {
         border: 2px solid @primary-color;