From 75a88ab25acdea0f53d3151d1b27e4d92c072006 Mon Sep 17 00:00:00 2001
From: Sabe Jones <sabe@habitica.com>
Date: Fri, 29 Mar 2024 16:14:14 -0500
Subject: [PATCH] WIP(shops): style fixes

---
 website/client/src/assets/scss/item.scss      | 20 ++++++++++++++-----
 .../src/components/ui/showMoreButton.vue      |  4 ++++
 website/common/locales/en/character.json      |  2 +-
 3 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/website/client/src/assets/scss/item.scss b/website/client/src/assets/scss/item.scss
index ab52d935d1..c1752d019e 100644
--- a/website/client/src/assets/scss/item.scss
+++ b/website/client/src/assets/scss/item.scss
@@ -1,5 +1,11 @@
 // TODO move to item component?
 
+.item, .item-wrapper, .item > div > div {
+  &:focus-visible {
+    outline: none;
+  }
+}
+
 .items > div {
   display: inline-block;
   margin-right: 24px;
@@ -9,6 +15,15 @@
   position: relative;
   display: inline-block;
   margin-bottom: 12px;
+
+  &:focus {
+    outline: 2px solid $purple-400;
+    border-radius: 2px;
+  }
+
+  &:hover {
+    box-shadow: 0 3px 6px 0 rgba($black, 0.16), 0 3px 6px 0 rgba($black, 0.24);
+  }
 }
 
 .items-one-line .item-wrapper {
@@ -56,11 +71,6 @@
     background: $purple-500;
   }
 
-  &:hover {
-    box-shadow: 0 3px 6px 0 rgba($black, 0.16), 0 3px 6px 0 rgba($black, 0.24);
-    border-color: $purple-400;
-  }
-
   &.highlight {
     box-shadow: 0 0 8px 8px rgba($black, 0.16), 0 5px 10px 0 rgba($black, 0.12) !important;
   }
diff --git a/website/client/src/components/ui/showMoreButton.vue b/website/client/src/components/ui/showMoreButton.vue
index 097d4ffa74..c7a1b082b7 100644
--- a/website/client/src/components/ui/showMoreButton.vue
+++ b/website/client/src/components/ui/showMoreButton.vue
@@ -38,5 +38,9 @@ export default {
         color: $purple-300;
       }
     }
+
+    &:focus {
+      outline: 2px solid $purple-400;
+    }
   }
 </style>
diff --git a/website/common/locales/en/character.json b/website/common/locales/en/character.json
index 943202757c..83c9ec78cc 100644
--- a/website/common/locales/en/character.json
+++ b/website/common/locales/en/character.json
@@ -2,7 +2,7 @@
   "communityGuidelinesWarning": "Please keep in mind that your Display Name, profile photo, and blurb must comply with the <a href='https://habitica.com/static/community-guidelines' target='_blank'>Community Guidelines</a> (e.g. no profanity, no adult topics, no insults, etc). If you have any questions about whether or not something is appropriate, feel free to email <%= hrefBlankCommunityManagerEmail %>!",
   "profile": "Profile",
   "avatar": "Customize Avatar",
-  "editAvatar": "Edit Avatar",
+  "editAvatar": "Customize Avatar",
   "noDescription": "This Habitican hasn't added a description.",
   "noPhoto": "This Habitican hasn't added a photo.",
   "other": "Other",