From 1ebdf379afc93e3dd82fd5d89b2d72acb089ef74 Mon Sep 17 00:00:00 2001
From: Will Kocur <will.kocur@unep-wcmc.org>
Date: Wed, 21 Jul 2021 16:50:36 +0100
Subject: [PATCH 1/2] add initial support button

---
 app/assets/stylesheets/components/button.scss | 17 +++++++++++++++++
 app/assets/stylesheets/components/footer.scss |  6 ++++++
 app/views/layouts/_footer.html.erb            |  9 ++++++++-
 3 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/components/button.scss b/app/assets/stylesheets/components/button.scss
index e937749..d09a24c 100644
--- a/app/assets/stylesheets/components/button.scss
+++ b/app/assets/stylesheets/components/button.scss
@@ -8,6 +8,23 @@
   @content
 }
 
+@mixin button--outline {
+  @include button {
+    background-color: transparent;
+    border: 1px solid $white;
+    color: $white;
+    padding: 10px;
+    text-decoration: none;
+
+    display: inline-block;
+
+    &:hover {
+      background-color: $button__bg-color;
+      color: $white;
+    }
+  }
+}
+
 .button, .button.button-primary, button.button-primary, input.button-primary[type="submit"], input.button-primary[type="reset"], input.button-primary[type="button"] {
   @include button;
 
diff --git a/app/assets/stylesheets/components/footer.scss b/app/assets/stylesheets/components/footer.scss
index af81fbf..2885ee4 100644
--- a/app/assets/stylesheets/components/footer.scss
+++ b/app/assets/stylesheets/components/footer.scss
@@ -32,6 +32,12 @@
     }
   }
 
+  @include e(button) {
+    @include button--outline;
+    font-weight: 300;
+    font-size: 12.5px;
+  }
+
   @include e(item) {
     margin-bottom: 2.5rem;
     font-size: 1.25rem;
diff --git a/app/views/layouts/_footer.html.erb b/app/views/layouts/_footer.html.erb
index e2b5500..22450b7 100644
--- a/app/views/layouts/_footer.html.erb
+++ b/app/views/layouts/_footer.html.erb
@@ -1,6 +1,13 @@
 <footer class="footer">
   <div class="footer__inner row">
-    <div class="two columns"><img class="footer__logo" src="<%= image_path("grasp_logo_footer.png") %>" alt=""></div>
+    <div class="two columns">
+      <img class="footer__logo" src="<%= image_path("grasp_logo_footer.png") %>" alt="">
+      <div class="footer__item">
+        <a class="footer__button" href="http://grasp.wcmc.happyfox.com/kb/" target="_blank">
+          Support Centre
+        </a>
+      </div>
+    </div>
     <div class="two columns">
       <div class="footer__item">
         <h5 class="footer__header">

From 1917cb1fbcd82c60fa6096fe37ae71422b94afb1 Mon Sep 17 00:00:00 2001
From: Will Kocur <will.kocur@unep-wcmc.org>
Date: Wed, 21 Jul 2021 17:23:33 +0100
Subject: [PATCH 2/2] remove unnecessary styling

---
 app/assets/stylesheets/components/footer.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/assets/stylesheets/components/footer.scss b/app/assets/stylesheets/components/footer.scss
index 2885ee4..c17f9e3 100644
--- a/app/assets/stylesheets/components/footer.scss
+++ b/app/assets/stylesheets/components/footer.scss
@@ -35,7 +35,6 @@
   @include e(button) {
     @include button--outline;
     font-weight: 300;
-    font-size: 12.5px;
   }
 
   @include e(item) {