From 714beda8d49f9bac4f364ffeac4fe248d1985810 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Sun, 20 Sep 2020 13:23:47 +0200
Subject: [PATCH] Button Group margins (#3723)

---
 packages/react-components/src/Button/Group.tsx   | 1 +
 packages/react-components/src/Table/Body.tsx     | 4 ++++
 packages/react-components/src/styles/semantic.ts | 2 +-
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/react-components/src/Button/Group.tsx b/packages/react-components/src/Button/Group.tsx
index 22ecb29d8f..db8fe1cedf 100644
--- a/packages/react-components/src/Button/Group.tsx
+++ b/packages/react-components/src/Button/Group.tsx
@@ -15,6 +15,7 @@ function ButtonGroup ({ children, className = '', isCentered }: GroupProps): Rea
 }
 
 export default React.memo(styled(ButtonGroup)`
+  margin: 1rem 0;
   text-align: right;
 
   &.isCentered {
diff --git a/packages/react-components/src/Table/Body.tsx b/packages/react-components/src/Table/Body.tsx
index 7369709f28..36cdfd57f3 100644
--- a/packages/react-components/src/Table/Body.tsx
+++ b/packages/react-components/src/Table/Body.tsx
@@ -189,6 +189,10 @@ export default React.memo(styled(Body)`
       background: transparent;
     }
 
+    .ui--Button-Group {
+      margin: 0;
+    }
+
     .ui--Button:not(.isIcon):not(:hover) {
       background: transparent !important;
       box-shadow: none !important;
diff --git a/packages/react-components/src/styles/semantic.ts b/packages/react-components/src/styles/semantic.ts
index 8694b53d52..66ca00c709 100644
--- a/packages/react-components/src/styles/semantic.ts
+++ b/packages/react-components/src/styles/semantic.ts
@@ -109,7 +109,7 @@ export default css`
     > .actions {
       border-top: none;
       text-align: right;
-      padding: 1rem !important;
+      padding: 0 1rem !important;
     }
 
     /* approx h1, color, size, font */