From 8d7360680979dfd4f6c373b8629ae0e0a29ccc42 Mon Sep 17 00:00:00 2001
From: Dennis Reimann <mail@dennisreimann.de>
Date: Sun, 5 Apr 2020 13:54:10 +0200
Subject: [PATCH] Footer updates

---
 BTCPayServer/wwwroot/main/site.css           | 6 +++---
 BTCPayServer/wwwroot/main/themes/casa.css    | 2 ++
 BTCPayServer/wwwroot/main/themes/classic.css | 2 ++
 BTCPayServer/wwwroot/main/themes/default.css | 4 ++++
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/BTCPayServer/wwwroot/main/site.css b/BTCPayServer/wwwroot/main/site.css
index 9955c94e1..82eb7c250 100644
--- a/BTCPayServer/wwwroot/main/site.css
+++ b/BTCPayServer/wwwroot/main/site.css
@@ -108,13 +108,13 @@ a.nav-link:hover {
     position: absolute;
     left: 0;
     bottom: 0;
-    height: 18px;
     line-height: 18px;
     vertical-align: middle;
-    font-size: 8px;
+    font-size: 80%;
     width: 100%;
     overflow: hidden;
-    color: var(--btcpay-color-footer, var(--btcpay-color-neutral-100));
+    padding: 10px 0;
+    color: var(--btcpay-footer-color, var(--btcpay-color-neutral-100));
     background: var(--btcpay-footer-bg, var(--btcpay-bg-dark));
 }
 
diff --git a/BTCPayServer/wwwroot/main/themes/casa.css b/BTCPayServer/wwwroot/main/themes/casa.css
index cd448f83a..6debc2c57 100644
--- a/BTCPayServer/wwwroot/main/themes/casa.css
+++ b/BTCPayServer/wwwroot/main/themes/casa.css
@@ -60,6 +60,8 @@
   --btcpay-header-bg: var(--btcpay-brand-darker);
   --btcpay-footer-bg: var(--btcpay-brand-darkest);
 
+  --btcpay-footer-color: var(--btcpay-color-neutral-600);
+
   --btcpay-preformatted-text-color: var(--btcpay-color-white);
 
   --btcpay-font-size-base: 16px;
diff --git a/BTCPayServer/wwwroot/main/themes/classic.css b/BTCPayServer/wwwroot/main/themes/classic.css
index 6548255da..4d9e4cdcf 100644
--- a/BTCPayServer/wwwroot/main/themes/classic.css
+++ b/BTCPayServer/wwwroot/main/themes/classic.css
@@ -51,6 +51,8 @@
   --btcpay-bg-tile: var(--btcpay-color-white);
   --btcpay-bg-cta:  var(--btcpay-bg-dark);
 
+  --btcpay-footer-color: var(--btcpay-color-neutral-400);
+
   --btcpay-body-color: var(--btcpay-color-neutral-900);
   --btcpay-body-color-link: var(--btcpay-color-primary);
   --btcpay-body-color-link-accent: var(--btcpay-color-primary-accent);
diff --git a/BTCPayServer/wwwroot/main/themes/default.css b/BTCPayServer/wwwroot/main/themes/default.css
index 96e7ac8c4..703f01196 100644
--- a/BTCPayServer/wwwroot/main/themes/default.css
+++ b/BTCPayServer/wwwroot/main/themes/default.css
@@ -60,6 +60,9 @@
   --btcpay-header-color: var(--btcpay-body-color);
   --btcpay-header-color-link: var(--btcpay-body-color);
 
+  --btcpay-footer-bg: var(--btcpay-brand-dark);
+  --btcpay-footer-color: var(--btcpay-color-neutral-400);
+
   --btcpay-font-size-base: 16px;
   --btcpay-font-family-head: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
   --btcpay-font-family-base: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -119,6 +122,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     --btcpay-bg-dark: var(--btcpay-color-neutral-950);
     --btcpay-header-bg: var(--btcpay-bg-dark);
     --btcpay-footer-bg: var(--btcpay-bg-dark);
+    --btcpay-footer-color: var(--btcpay-color-neutral-600);
     --btcpay-body-bg: var(--btcpay-color-neutral-900);
     --btcpay-body-color: var(--btcpay-color-white);