From 594e6869ef3563a61d27ff78bac7642fe5c9e6ac Mon Sep 17 00:00:00 2001
From: Oleg Lavrovsky <oleg@datalets.ch>
Date: Mon, 12 Aug 2019 20:20:21 +0200
Subject: [PATCH] Home banner button style

---
 publichealth/static/css/main.scss            | 29 -----------------
 publichealth/static/css/modules/_banner.scss | 33 ++++++++++++++++++++
 2 files changed, 33 insertions(+), 29 deletions(-)

diff --git a/publichealth/static/css/main.scss b/publichealth/static/css/main.scss
index 7fedf3a..2fcd2e5 100644
--- a/publichealth/static/css/main.scss
+++ b/publichealth/static/css/main.scss
@@ -52,35 +52,6 @@ $slider-nav: 200px;
   }
 }
 
-// Home page intro link as button
-#banner .rich-text h4 a:active {
-  border: none;
-  opacity: 1.0;
-  background: #eee;
-  border-bottom: 0px;
-  border-right: 0px;
-  border-top: 2px solid lightgrey;
-  border-left: 2px solid lightgrey;
-}
-#banner .rich-text h4 a:hover {
-  color: #2643C9;
-  opacity: 0.9;
-  background: white;
-  text-shadow: 2px 2px 4px lightgrey;
-}
-#banner .rich-text h4 a {
-text-decoration: none;
-  font-weight: 600;
-  background: whitesmoke;
-  padding: 1em;
-  text-shadow: 2px 2px 4px white;
-  border-bottom: 1px solid darkblue;
-  border-right: 1px solid darkblue;
-  border-top: 1px solid lightgrey;
-  border-left: 1px solid lightgrey;
-  color: darkblue;
-}
-
 // Language menu hack, until this is configurable
 .language-nav a[lang='en'] { display: none; }
 
diff --git a/publichealth/static/css/modules/_banner.scss b/publichealth/static/css/modules/_banner.scss
index 5eb9158..7219a40 100644
--- a/publichealth/static/css/modules/_banner.scss
+++ b/publichealth/static/css/modules/_banner.scss
@@ -217,3 +217,36 @@ $gallery-height: 550px;
     .carousel-inner { margin-bottom: 0px; }
   }
 }
+
+
+// Home page intro link as button
+#banner .rich-text h4 {
+  text-align: center;
+}
+#banner .rich-text h4 a:active {
+  border: none;
+  opacity: 1.0;
+  background: #eee;
+  border-bottom: 0px;
+  border-right: 0px;
+  border-top: 2px solid lightgrey;
+  border-left: 2px solid lightgrey;
+}
+#banner .rich-text h4 a:hover {
+  color: #2643C9;
+  opacity: 0.9;
+  background: white;
+  text-shadow: 2px 2px 4px lightgrey;
+}
+#banner .rich-text h4 a {
+text-decoration: none;
+  font-weight: 600;
+  background: whitesmoke;
+  padding: 1em;
+  text-shadow: 2px 2px 4px white;
+  border-bottom: 1px solid darkblue;
+  border-right: 1px solid darkblue;
+  border-top: 1px solid lightgrey;
+  border-left: 1px solid lightgrey;
+  color: darkblue;
+}