From 8c2430f365c1163a066c4dbf8b61ad6a48f4a3f0 Mon Sep 17 00:00:00 2001
From: Christopher Berube <cberube@everquote.com>
Date: Mon, 8 Apr 2019 21:53:02 -0400
Subject: [PATCH] ensure header color css applies only within el-card__header

this ensures that h2 text within cards does not become unreadable. resolves an issue where h2s within flag notes are displayed as white text on a white background
---
 browser/flagr-ui/src/App.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/browser/flagr-ui/src/App.vue b/browser/flagr-ui/src/App.vue
index 0ed1131d..47ef7481 100644
--- a/browser/flagr-ui/src/App.vue
+++ b/browser/flagr-ui/src/App.vue
@@ -146,12 +146,12 @@ ul {
   .el-card {
     .el-card__header {
       background-color: #74E5E0;
+      h2 {
+        margin: -0.2em;
+        color: white;
+      }
     }
     margin-bottom: 1em;
-    h2 {
-      margin: -0.2em;
-      color: white;
-    }
   }
 
   .jsoneditor{