From dcd881adaeb4088292ed7b6665a53737457703e4 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sat, 17 Feb 2024 12:46:17 -0700
Subject: [PATCH] make the name-setting prompt yellow

---
 src/views/ContactQRScanShowView.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/views/ContactQRScanShowView.vue b/src/views/ContactQRScanShowView.vue
index b7765a5f..c842c551 100644
--- a/src/views/ContactQRScanShowView.vue
+++ b/src/views/ContactQRScanShowView.vue
@@ -18,14 +18,17 @@
       <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4">
         Your Contact Info
       </h1>
-      <p v-if="!givenName" class="text-center mt-2">
+      <p
+        v-if="!givenName"
+        class="bg-amber-200 rounded-md overflow-hidden text-center px-4 py-3 mb-4"
+      >
         <span class="text-red">Beware!</span>
-        You aren't sharing your name, so hurry and
+        You aren't sharing your name, so quickly
         <router-link
           :to="{ name: 'new-edit-account' }"
           class="bg-blue-500 text-white px-1.5 py-1 rounded-md"
         >
-          go here to set it for them.
+          click here to set it for them.
         </router-link>
       </p>
     </div>