From 33c026c7e2fe6f24431fff0ece653c7fe94b3c42 Mon Sep 17 00:00:00 2001
From: Yassien <11986226+YassienW@users.noreply.github.com>
Date: Mon, 25 Feb 2019 13:01:42 +0200
Subject: [PATCH] Added original padding without breaking the animation

---
 packages/react-bootstrap-table2/src/row-expand/expand-row.js | 4 +++-
 .../react-bootstrap-table2/style/react-bootstrap-table2.scss | 5 ++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/react-bootstrap-table2/src/row-expand/expand-row.js b/packages/react-bootstrap-table2/src/row-expand/expand-row.js
index 9505e85..3699ada 100644
--- a/packages/react-bootstrap-table2/src/row-expand/expand-row.js
+++ b/packages/react-bootstrap-table2/src/row-expand/expand-row.js
@@ -13,7 +13,9 @@ const ExpandRow = ({ children, expanded, onClosed, ...rest }) => (
         onExited={ onClosed }
       >
         <div>
-          { children }
+          <div className="row-expansion-style">
+            { children }
+          </div>
         </div>
       </CSSTransition>
     </td>
diff --git a/packages/react-bootstrap-table2/style/react-bootstrap-table2.scss b/packages/react-bootstrap-table2/style/react-bootstrap-table2.scss
index 6ec20e1..e2a0895 100644
--- a/packages/react-bootstrap-table2/style/react-bootstrap-table2.scss
+++ b/packages/react-bootstrap-table2/style/react-bootstrap-table2.scss
@@ -158,7 +158,10 @@
     }
   }
   .reset-expansion-style{
-    padding: 0 8px 0 8px;
+    padding: 0;
+  }
+  .row-expansion-style{
+    padding: 8px;
   }
   .row-expand-slide-appear{
     max-height: 0;