From e4f79066bae8b3346ae9452bac056853206ade2f Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinl@cs.uw.edu>
Date: Fri, 26 Jun 2020 16:31:30 -0700
Subject: [PATCH] announcement-header -> announcement-meta extending card-meta

---
 _layouts/announcement.html     |  3 +--
 _sass/custom/announcement.scss | 13 +++++++++----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/_layouts/announcement.html b/_layouts/announcement.html
index bb998c3..db072ab 100644
--- a/_layouts/announcement.html
+++ b/_layouts/announcement.html
@@ -1,7 +1,6 @@
 <div class="announcement">
   <div class="announcement-body">
-    <div class="announcement-header">{{ page.date | date: '%b %e' }}</div>
-    <h2>{{ page.title }}</h2>
+    <h2>{{ page.title }} <strong class="announcement-meta">{{ page.date | date: '%b %e' }}</strong></h2>
     {{ content }}
   </div>
 </div>
diff --git a/_sass/custom/announcement.scss b/_sass/custom/announcement.scss
index 64f0dfd..4c3aeec 100644
--- a/_sass/custom/announcement.scss
+++ b/_sass/custom/announcement.scss
@@ -2,10 +2,15 @@
   @extend .card;
 }
 
-.announcement-header {
-  margin: $sp-1 0 $sp-3;
-}
-
 .announcement-body {
   @extend .card-body;
+
+  h1, h2, h3, h4, h5, h6 {
+    display: flex;
+    align-items: center;
+  }
+}
+
+.announcement-meta {
+  @extend .card-meta, .text-grey-dk-100, .bg-grey-lt-200;
 }
-- 
GitLab