From 155ee1c21dfad6ae1da8c17691a0b3be70a90333 Mon Sep 17 00:00:00 2001
From: Andrew Croce <andrew+dds@promptworks.com>
Date: Tue, 25 Sep 2018 16:03:00 -0400
Subject: [PATCH] audit log style

---
 styles/atat.scss                  |  1 +
 styles/components/_audit_log.scss | 22 ++++++++++++++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 styles/components/_audit_log.scss

diff --git a/styles/atat.scss b/styles/atat.scss
index ebaaa214..a908d116 100644
--- a/styles/atat.scss
+++ b/styles/atat.scss
@@ -35,6 +35,7 @@
 @import 'components/forms';
 @import 'components/selector';
 @import 'components/budget_chart';
+@import 'components/audit_log';
 
 @import 'sections/login';
 @import 'sections/request_approval';
diff --git a/styles/components/_audit_log.scss b/styles/components/_audit_log.scss
new file mode 100644
index 00000000..212ebb83
--- /dev/null
+++ b/styles/components/_audit_log.scss
@@ -0,0 +1,22 @@
+.audit-log__item {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: flex-start;
+
+  .audit-log__item__timestamp {
+    @include small-label;
+    width: 6rem;
+    flex-shrink: 0;
+    margin-right: $gap * 2;
+
+    @include media($medium-screen) {
+      width: 12rem;
+    }
+  }
+
+  .audit-log__item__name {
+    margin-top: 0;
+    margin-bottom: $gap;
+  }
+}