From b4329c007b75bd9fa7e23f24ddfd96ba1790ed31 Mon Sep 17 00:00:00 2001
From: swift-river542 <swift-river542@users.noreply.github.com>
Date: Wed, 16 Sep 2026 16:24:32 -0500
Subject: [PATCH] =?UTF-8?q?One=20global=20research-map-link=20rule=20for?=
 =?UTF-8?q?=20the=20=E2=80=9C=E2=86=92=20more=20maps=E2=80=9D=20invitation?=
 =?UTF-8?q?=20under=20every=20map;=20research=20page=20uses=20it=20too?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/assets/styles/base/_globals.scss | 15 +++++++++++++++
 app/pages/adopt/index.vue            | 12 ------------
 app/pages/index.vue                  | 12 ------------
 app/pages/pray.vue                   | 12 ------------
 app/pages/research/index.vue         | 10 +---------
 5 files changed, 16 insertions(+), 45 deletions(-)

diff --git a/app/assets/styles/base/_globals.scss b/app/assets/styles/base/_globals.scss
index d5374a3e..2b034c14 100644
--- a/app/assets/styles/base/_globals.scss
+++ b/app/assets/styles/base/_globals.scss
@@ -147,6 +147,21 @@ a {
       color: var(--color-brand-secondary-light);
     }
   }
+
+  // The "→ more maps" invitation that sits under a map's bottom-right corner
+  // (home, pray, adopt, research). One rule, body-sized text, brand colour.
+  &.research-map-link {
+    display: block;
+    margin-top: 0.75rem;
+    text-align: right;
+    color: var(--color-brand-primary, #3b463d);
+    text-decoration: underline;
+    text-underline-offset: 3px;
+
+    &:hover {
+      color: var(--color-brand-primary-darker, #1f2328);
+    }
+  }
 }
 
 
diff --git a/app/pages/adopt/index.vue b/app/pages/adopt/index.vue
index 0171943a..dd720510 100644
--- a/app/pages/adopt/index.vue
+++ b/app/pages/adopt/index.vue
@@ -298,16 +298,4 @@ useTextHighlight()
 </template>
 
 <style scoped>
-.research-map-link {
-  display: block;
-  margin-top: 0.75rem;
-  text-align: right;
-  font-size: inherit; /* same size as the "By Region →" link (body size), not 12px */
-  color: var(--color-brand-primary, #3b463d);
-  text-decoration: underline;
-  text-underline-offset: 3px;
-}
-.research-map-link:hover {
-  color: var(--color-brand-primary-darker, #1f2328);
-}
 </style>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 0d785a90..2c0870cd 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -331,16 +331,4 @@ useTextHighlight()
 </template>
 
 <style scoped>
-.research-map-link {
-  display: block;
-  margin-top: 0.75rem;
-  text-align: right;
-  font-size: inherit; /* same size as the "By Region →" link (body size), not 12px */
-  color: var(--color-brand-primary, #3b463d);
-  text-decoration: underline;
-  text-underline-offset: 3px;
-}
-.research-map-link:hover {
-  color: var(--color-brand-primary-darker, #1f2328);
-}
 </style>
diff --git a/app/pages/pray.vue b/app/pages/pray.vue
index 74fd3732..776f3bbd 100644
--- a/app/pages/pray.vue
+++ b/app/pages/pray.vue
@@ -332,18 +332,6 @@ useTextHighlight()
 </template>
 
 <style scoped>
-.research-map-link {
-  display: block;
-  margin-top: 0.75rem;
-  text-align: right;
-  font-size: inherit; /* same size as the "By Region →" link (body size), not 12px */
-  color: var(--color-brand-primary, #3b463d);
-  text-decoration: underline;
-  text-underline-offset: 3px;
-}
-.research-map-link:hover {
-  color: var(--color-brand-primary-darker, #1f2328);
-}
 
 .prayer-coverage-segments {
   display: flex;
diff --git a/app/pages/research/index.vue b/app/pages/research/index.vue
index 1e97e716..97a79f96 100644
--- a/app/pages/research/index.vue
+++ b/app/pages/research/index.vue
@@ -52,7 +52,7 @@ useTextHighlight()
     />
     <!-- Invitation to the full map collection sits under the map's bottom-right corner,
          where the eye lands after exploring it (moved from the header, 2026-09-16). -->
-    <p class="research-see-all"><NuxtLink class="light-link" to="/doxa-maps">{{ t("See all our research maps, there's more!") }} &rarr;</NuxtLink></p>
+    <NuxtLink class="research-map-link" to="/doxa-maps">{{ t("See all our research maps, there's more!") }} &rarr;</NuxtLink>
 
     <UupgsList
       :language-code="locale"
@@ -63,11 +63,3 @@ useTextHighlight()
     />
   </div>
 </template>
-
-<style scoped>
-/* "See all our research maps" — under the map's bottom-right corner, right-aligned. */
-.research-see-all {
-  text-align: right;
-  margin-top: 0.5rem;
-}
-</style>