audit log style

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';

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;
+  }
+}