From fd11de50ae0b05dcdead7d4e69252fb905c999f1 Mon Sep 17 00:00:00 2001
From: xrkffgg <xrkffgg@gmail.com>
Date: Thu, 26 Mar 2020 15:53:57 +0800
Subject: [PATCH] docs: optimize avatar demo (#22631)

---
 components/avatar/__tests__/__snapshots__/demo.test.js.snap | 2 +-
 components/avatar/demo/dynamic.md                           | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/avatar/__tests__/__snapshots__/demo.test.js.snap b/components/avatar/__tests__/__snapshots__/demo.test.js.snap
index 7434dc1c76..90ae45e569 100644
--- a/components/avatar/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/avatar/__tests__/__snapshots__/demo.test.js.snap
@@ -450,7 +450,7 @@ exports[`renders ./components/avatar/demo/dynamic.md correctly 1`] = `
   </span>
   <button
     class="ant-btn ant-btn-sm"
-    style="margin-left:16px;vertical-align:middle"
+    style="margin:0 16px;vertical-align:middle"
     type="button"
   >
     <span>
diff --git a/components/avatar/demo/dynamic.md b/components/avatar/demo/dynamic.md
index 2e99758f0d..f62aee39af 100644
--- a/components/avatar/demo/dynamic.md
+++ b/components/avatar/demo/dynamic.md
@@ -33,7 +33,11 @@ const Autoset: React.FC = () => {
       <Avatar style={{ backgroundColor: color, verticalAlign: 'middle' }} size="large">
         {user}
       </Avatar>
-      <Button size="small" style={{ marginLeft: 16, verticalAlign: 'middle' }} onClick={changeUser}>
+      <Button
+        size="small"
+        style={{ margin: '0 16px', verticalAlign: 'middle' }}
+        onClick={changeUser}
+      >
         Change
       </Button>
     </div>