From c6b477c99364558e0f7f925eae3c301d62bca006 Mon Sep 17 00:00:00 2001
From: zuiidea <zuiiidea@gmail.com>
Date: Fri, 21 Jul 2017 19:02:11 +0800
Subject: [PATCH] pagenation style

---
 src/routes/user/Filter.js |  2 +-
 src/themes/index.less     | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/routes/user/Filter.js b/src/routes/user/Filter.js
index 6423cfe..4c00c3a 100644
--- a/src/routes/user/Filter.js
+++ b/src/routes/user/Filter.js
@@ -101,7 +101,7 @@ const Filter = ({
         </FilterItem>
       </Col>
       <Col {...TwoColProps} xl={{ span: 10 }} md={{ span: 24 }} sm={{ span: 24 }}>
-        <div style={{ display: 'flex', justifyContent: 'space-between' }}>
+        <div style={{ display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap' }}>
           <div >
             <Button type="primary" size="large" className="margin-right" onClick={handleSubmit}>Search</Button>
             <Button size="large" onClick={handleReset}>Reset</Button>
diff --git a/src/themes/index.less b/src/themes/index.less
index 033171e..a253b7c 100644
--- a/src/themes/index.less
+++ b/src/themes/index.less
@@ -96,10 +96,6 @@ body {
     }
   }
 
-  .ant-pagination-item {
-    margin-bottom: 8px;
-  }
-
   .ant-select-dropdown-menu-item {
     padding: 12px 16px !important;
   }
@@ -125,6 +121,13 @@ body {
 }
 @media (max-width: 767px) {
   :global {
+    .ant-pagination-item,
+    .ant-pagination-next,
+    .ant-pagination-options,
+    .ant-pagination-prev {
+      margin-bottom: 8px;
+    }
+
     .ant-card {
       .ant-card-head {
         padding: 0 12px;