From 900544bffd506f3601a0916176105a450854ac06 Mon Sep 17 00:00:00 2001
From: Andrew Croce <andrew+dds@promptworks.com>
Date: Mon, 23 Jul 2018 14:25:21 -0400
Subject: [PATCH] Add action-group element

---
 scss/atat.scss                   |  1 +
 scss/elements/_action_group.scss | 14 ++++++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 scss/elements/_action_group.scss

diff --git a/scss/atat.scss b/scss/atat.scss
index 082fbab2..08130614 100644
--- a/scss/atat.scss
+++ b/scss/atat.scss
@@ -12,6 +12,7 @@
 @import 'elements/tables';
 @import 'elements/icons';
 @import 'elements/sidenav';
+@import 'elements/action_group';
 
 @import 'components/layout';
 @import 'components/topbar';
diff --git a/scss/elements/_action_group.scss b/scss/elements/_action_group.scss
new file mode 100644
index 00000000..dfc47776
--- /dev/null
+++ b/scss/elements/_action_group.scss
@@ -0,0 +1,14 @@
+.action-group {
+  display: flex;
+  flex-direction: row-reverse;
+  align-items: center;
+  margin-top: $gap * 4;
+
+  .action-group__action {
+    margin: 0 0 0 ($gap * 2);
+  }
+
+  &:last-child {
+    margin-bottom: $gap * 3;
+  }
+}