From 209283394275345f576325237b0a93d9b44d8e77 Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Tue, 26 Jun 2018 01:32:43 -0700
Subject: [PATCH] Add reusable button grouping styles

---
 ui/src/style/theme/_buttons.scss | 39 ++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/ui/src/style/theme/_buttons.scss b/ui/src/style/theme/_buttons.scss
index 343890f0ab..b3da352d83 100644
--- a/ui/src/style/theme/_buttons.scss
+++ b/ui/src/style/theme/_buttons.scss
@@ -423,3 +423,42 @@ button.btn-link-alert {
     $c-thunder
   );
 }
+
+/*
+   Buttons Groups
+   -----------------------------------------------------------------------------
+*/
+
+.btn-group--left,
+.btn-group--center,
+.btn-group--right {
+  display: flex;
+  align-items: center;
+}
+
+.btn-group--left > .btn {
+  margin-right: 4px;
+  &:last-child {
+    margin-right: 0;
+  }
+}
+
+.btn-group--center > .btn {
+  margin-left: 2px;
+  margin-right: 2px;
+
+  &:first-child {
+    margin-left: 0;
+  }
+  
+  &:last-child {
+    margin-right: 0;
+  }
+}
+
+.btn-group--right > .btn {
+  margin-left: 4px;
+  &:first-child {
+    margin-left: 0;
+  }
+}
\ No newline at end of file