From 1d8e3d45a14f8a740a9bfbc943d7b6defb7dfc16 Mon Sep 17 00:00:00 2001
From: Sky Chrastina <mirrorcoloured@gmail.com>
Date: Fri, 18 Nov 2022 15:29:43 -0700
Subject: [PATCH] new check asset + css in  shop, task, and buy gems (#14340)

---
 website/client/src/assets/svg/check.svg                 | 4 ++--
 website/client/src/components/payments/buyGemsModal.vue | 4 ++--
 website/client/src/components/shops/shopItem.vue        | 9 ++++-----
 website/client/src/components/tasks/task.vue            | 6 +++---
 4 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/website/client/src/assets/svg/check.svg b/website/client/src/assets/svg/check.svg
index 2ae3d23949..0d9eb368fc 100644
--- a/website/client/src/assets/svg/check.svg
+++ b/website/client/src/assets/svg/check.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10" viewBox="0 0 13 10">
-    <path fill-rule="evenodd" d="M4.662 9.832c-.312 0-.61-.123-.831-.344L0 5.657l1.662-1.662 2.934 2.934L10.534 0l1.785 1.529-6.764 7.893a1.182 1.182 0 0 1-.848.409l-.045.001"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <path d="M6.54,13c-.3,0-.59-.13-.81-.35l-3.73-3.9,1.62-1.69,2.86,2.98L12.26,3l1.74,1.56L7.41,12.58c-.21,.25-.51,.4-.83,.42-.01,0-.03,0-.04,0Z" fill-rule="evenodd"/>
 </svg>
\ No newline at end of file
diff --git a/website/client/src/components/payments/buyGemsModal.vue b/website/client/src/components/payments/buyGemsModal.vue
index 53647ebff8..3c4c0ff568 100644
--- a/website/client/src/components/payments/buyGemsModal.vue
+++ b/website/client/src/components/payments/buyGemsModal.vue
@@ -359,8 +359,8 @@
 
   .svg-icon.check {
     color: $purple-400;
-    width: 0.77rem;
-    height: 0.615rem;
+    width: 16px;
+    height: 16px;
   }
 
   .text-leadin {
diff --git a/website/client/src/components/shops/shopItem.vue b/website/client/src/components/shops/shopItem.vue
index 2fdfd6cba4..f6aeaeb9fb 100644
--- a/website/client/src/components/shops/shopItem.vue
+++ b/website/client/src/components/shops/shopItem.vue
@@ -206,12 +206,11 @@
   }
 
   span.svg-icon.inline.check {
-    height: 12px;
-    width: 10px;
+    height: 16px;
+    width: 16px;
     position: absolute;
-    left: 8px;
-    top: 8px;
-    margin-top: 0;
+    left: 4px;
+    top: 4px;
     color: $gray-200;
   }
 
diff --git a/website/client/src/components/tasks/task.vue b/website/client/src/components/tasks/task.vue
index fdc429eac2..7d424711be 100644
--- a/website/client/src/components/tasks/task.vue
+++ b/website/client/src/components/tasks/task.vue
@@ -773,9 +773,9 @@
   }
 
   .check.svg-icon {
-    width: 12.3px;
-    height: 9.8px;
-    margin: 9px 8px;
+    width: 16px;
+    height: 16px;
+    margin: 5px;
   }
 
   .challenge.broken {