From fa2cc056e4e012a6bd64ac2919f53a579be7498f Mon Sep 17 00:00:00 2001
From: Matt Lane <mlane@appnexus.com>
Date: Wed, 3 May 2017 09:22:17 -0700
Subject: [PATCH] Improve footer styling

---
 src/cookie.js | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/cookie.js b/src/cookie.js
index d804db306d3..d4c15fb0d8b 100644
--- a/src/cookie.js
+++ b/src/cookie.js
@@ -60,17 +60,27 @@ function displayFooter(msgHtml) {
 }
 
 function createFooter(msgHtml) {
-  var footer = document.createElement('div');
-  footer.style.background = '#ccc';
-  footer.style.color = '#333';
+  const footer = document.createElement('div');
+  footer.style.background = '#D3D3D3';
+  footer.style.color = '#555';
   footer.style.boxShadow = '0 -1px 2px rgba(0, 0, 0, 0.2)';
+
   footer.style.fontFamily = 'sans-serif';
-  footer.style.fontWeight = '300';
+  footer.style.lineHeight = '1.5';
+
   footer.style.position = 'fixed';
-  footer.style.bottom = '0px';
+  footer.style.bottom = '0';
+  footer.style.left = '0';
+  footer.style.right = '0';
   footer.style.width = '100%';
-  footer.style.padding = '1em';
+
+  footer.style.padding = '1em 0';
   footer.style.zindex = '1000';
-  footer.innerHTML = msgHtml;
+
+  const footerText = document.createElement('p');
+  footerText.style.margin = '0 2em';
+  footerText.innerHTML = msgHtml;
+  footer.appendChild(footerText);
+
   return footer;
 }