From ef0b306a49e3f93f8a228922cde23593654eb9d2 Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Mon, 15 Aug 2022 13:16:31 -0230
Subject: [PATCH 1/5] Change style of auth provider cards

---
 apps/reference/docs/guides/auth.mdx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/reference/docs/guides/auth.mdx b/apps/reference/docs/guides/auth.mdx
index 48a05b1db40..036afefd6ed 100644
--- a/apps/reference/docs/guides/auth.mdx
+++ b/apps/reference/docs/guides/auth.mdx
@@ -46,8 +46,8 @@ We provide a suite of Providers and login methods.
   <div class="row is-multiline">
     {providers.map((x) => (
       <div key={x.name} class="col col--6">
-        <Link class="card" to={x.href}>
-          <div class="card__body">
+        <Link class="button-card button-card--vertical" to={x.href}>
+          <div class="button-card__inner">
             <div
               class=""
               style={{

From c860b4fc633959b54a72445f985f22a7634cb8e7 Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Mon, 15 Aug 2022 13:25:35 -0230
Subject: [PATCH 2/5] Change interface links hover color from light blue to
 brand green

---
 apps/reference/src/css/main.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/reference/src/css/main.scss b/apps/reference/src/css/main.scss
index 53650f6020a..46afe98f693 100644
--- a/apps/reference/src/css/main.scss
+++ b/apps/reference/src/css/main.scss
@@ -74,7 +74,7 @@
   --ifm-color-warning: var(--custom-color-orange-600);
   --ifm-color-info-contrast-background: var(--custom-background-color-diff);
   --ifm-pre-background: var(--custom-background-color-diff) !important;
-
+  --ifm-link-hover-color:  var(--custom-primary);
   --prism-background-color: var(#1c1c1c) !important;
 
   /* Primary */

From 453fc10c08e64ad98dd1697770ff53861531baa3 Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Mon, 15 Aug 2022 15:49:41 -0230
Subject: [PATCH 3/5] Handles children in ButtonCard component

---
 apps/reference/docs/guides/auth.mdx         | 11 +++++++++--
 apps/reference/src/components/ButtonCard.js | 18 +++++++++++++-----
 2 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/apps/reference/docs/guides/auth.mdx b/apps/reference/docs/guides/auth.mdx
index 036afefd6ed..353c10092e4 100644
--- a/apps/reference/docs/guides/auth.mdx
+++ b/apps/reference/docs/guides/auth.mdx
@@ -9,6 +9,8 @@ import Link from '@docusaurus/Link'
 import Tabs from '@theme/Tabs'
 import TabItem from '@theme/TabItem'
 import providers from '@site/src/data/authProviders'
+import ButtonCard from '@site/src/components/ButtonCard'
+import useBaseUrl from '@docusaurus/useBaseUrl'
 
 <div class="video-container">
   <iframe
@@ -46,7 +48,12 @@ We provide a suite of Providers and login methods.
   <div class="row is-multiline">
     {providers.map((x) => (
       <div key={x.name} class="col col--6">
-        <Link class="button-card button-card--vertical" to={x.href}>
+        <ButtonCard
+          class="card"
+          to={useBaseUrl(x.href)}
+          title={x.name}
+          style={{ height: '100%' }}
+        >
           <div class="button-card__inner">
             <div
               class=""
@@ -93,7 +100,7 @@ We provide a suite of Providers and login methods.
               </div>
             </div>
           </div>
-        </Link>
+        </ButtonCard>
       </div>
     ))}
   </div>
diff --git a/apps/reference/src/components/ButtonCard.js b/apps/reference/src/components/ButtonCard.js
index 69083291f0b..ce4f8993441 100644
--- a/apps/reference/src/components/ButtonCard.js
+++ b/apps/reference/src/components/ButtonCard.js
@@ -15,11 +15,19 @@ export default function ButtonCard({
       to={to}
       className={['button-card', `button-card--${layout}`].join(' ')}
     >
-      <div className="button-card__inner">
-        {icon && typeof icon == 'string' ? <img src={icon} width={24} /> : icon}
-        <h3>{title}</h3>
-        <p>{description}</p>
-      </div>
+      {children ? (
+        children
+      ) : (
+        <div className="button-card__inner">
+          {icon && typeof icon == 'string' ? (
+            <img src={icon} width={24} />
+          ) : (
+            icon
+          )}
+          <h3>{title}</h3>
+          <p>{description}</p>
+        </div>
+      )}
     </Link>
   )
 }

From b54f434fe310fe373706b2dbba699b78786516ac Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Mon, 15 Aug 2022 15:54:57 -0230
Subject: [PATCH 4/5] Save a line

---
 apps/reference/src/components/ButtonCard.js | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/apps/reference/src/components/ButtonCard.js b/apps/reference/src/components/ButtonCard.js
index ce4f8993441..f9bee059137 100644
--- a/apps/reference/src/components/ButtonCard.js
+++ b/apps/reference/src/components/ButtonCard.js
@@ -15,9 +15,7 @@ export default function ButtonCard({
       to={to}
       className={['button-card', `button-card--${layout}`].join(' ')}
     >
-      {children ? (
-        children
-      ) : (
+      {children ? children : (
         <div className="button-card__inner">
           {icon && typeof icon == 'string' ? (
             <img src={icon} width={24} />

From 3685655b6b20ab03737bf0cb4d762123000692af Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Tue, 16 Aug 2022 13:01:54 -0230
Subject: [PATCH 5/5] Run prettier

---
 apps/reference/src/components/ButtonCard.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/reference/src/components/ButtonCard.js b/apps/reference/src/components/ButtonCard.js
index f9bee059137..ce4f8993441 100644
--- a/apps/reference/src/components/ButtonCard.js
+++ b/apps/reference/src/components/ButtonCard.js
@@ -15,7 +15,9 @@ export default function ButtonCard({
       to={to}
       className={['button-card', `button-card--${layout}`].join(' ')}
     >
-      {children ? children : (
+      {children ? (
+        children
+      ) : (
         <div className="button-card__inner">
           {icon && typeof icon == 'string' ? (
             <img src={icon} width={24} />