From f1d24d21770204d6428e08487d6cc5d5aa1ffafa Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Mon, 12 Jul 2021 04:46:07 -0700
Subject: [PATCH] Clarify the standard colors fit info
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

I didn't want to use the word "basic", since "basic colors" generally means like Blue, Red, Green, Yellow… but it was the only one that fit in the space lol

I tried a lot of stuff with "Fits standard pets" and stuff and couldn't get it to work well
---
 src/app/HomePage.js | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/app/HomePage.js b/src/app/HomePage.js
index 22f3e61..50ee7ff 100644
--- a/src/app/HomePage.js
+++ b/src/app/HomePage.js
@@ -16,6 +16,7 @@ import {
   ListItem,
   Skeleton,
   Textarea,
+  Tooltip,
   UnorderedList,
   useColorModeValue,
   useTheme,
@@ -505,7 +506,7 @@ function ItemModelingSummary({ item }) {
   if (fitsAllPets) {
     return (
       <Box fontSize="xs" fontStyle="italic" opacity="0.8">
-        For all pets
+        Fits all pets
       </Box>
     );
   }
@@ -548,7 +549,19 @@ function ItemModelingSummary({ item }) {
 
   return (
     <Box fontSize="xs" fontStyle="italic" opacity="0.8">
-      For all species
+      Fits all{" "}
+      <Tooltip
+        label={
+          <Box fontSize="xs" textAlign="center">
+            Not special colors like Baby, Maraquan, or Mutant.
+          </Box>
+        }
+      >
+        <Box display="inline-block" borderBottom="1px dotted" tabIndex="0">
+          basic
+        </Box>
+      </Tooltip>{" "}
+      pets
     </Box>
   );
 }