From e1cc0c390b7f127cee4f4b4a9fca45436b359d1d Mon Sep 17 00:00:00 2001
From: Ben Wheeler <wheeler.benjamin@gmail.com>
Date: Wed, 28 Nov 2018 18:30:12 -0800
Subject: [PATCH] tweaked banner css to bring it into line with design spec

---
 src/_colors.scss              | 1 +
 src/views/preview/banner.scss | 8 ++++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/_colors.scss b/src/_colors.scss
index 8e9c15b37..dfff97a9a 100644
--- a/src/_colors.scss
+++ b/src/_colors.scss
@@ -5,6 +5,7 @@ $ui-blue-10percent: hsla(215, 100, 65, .1);
 $ui-blue-25percent:  hsla(215, 100, 65, .25);
 
 $ui-orange: hsla(38, 100, 55, 1); // #FFAB19 Control Primary
+$ui-orange-high-contrast: hsla(30, 100, 55, 1); // #FFAB19 Control Primary
 $ui-orange-10percent: hsla(35, 90, 55, .1);
 $ui-orange-25percent: hsla(35, 90, 55, .25);
 
diff --git a/src/views/preview/banner.scss b/src/views/preview/banner.scss
index adc545a3f..48703d676 100644
--- a/src/views/preview/banner.scss
+++ b/src/views/preview/banner.scss
@@ -6,9 +6,9 @@ $navigation-height: 50px;
     display: flex;
     background-color: $ui-orange-25percent;
     width: 100%;
-    min-height: 3.75rem;
+    min-height: 4rem;
     overflow: hidden;
-    color: $ui-orange;
+    color: $ui-orange-high-contrast;
     font-size: .875rem;
     font-weight: bold;
     align-self: center;
@@ -35,8 +35,12 @@ $navigation-height: 50px;
 }
 
 .banner-button {
+    height: 2.5rem;
     background-color: $ui-orange;
     font-size: .875rem;
+    border-radius: .25rem;
+    padding-top: .6875rem;
+    padding-bottom: .75rem;
 }
 
 .banner-danger .banner-button {