From 88b5cd9f5cc6b389aebfb7e20c4909732ca4e75f Mon Sep 17 00:00:00 2001
From: Tom Byers <tombaromba@gmail.com>
Date: Wed, 9 Sep 2020 15:09:05 +0100
Subject: [PATCH] Change cross icon to one with better contrast

Swaps out the old one (solid colour with lighter
grey) for one with the same colour as the text,
but no fill.

Also swaps out for an SVG for better scaling.
---
 app/assets/images/cross-grey.svg                  | 1 +
 app/assets/stylesheets/components/tick-cross.scss | 3 +--
 2 files changed, 2 insertions(+), 2 deletions(-)
 create mode 100644 app/assets/images/cross-grey.svg

diff --git a/app/assets/images/cross-grey.svg b/app/assets/images/cross-grey.svg
new file mode 100644
index 000000000..5a4a035d5
--- /dev/null
+++ b/app/assets/images/cross-grey.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19px" height="19px" viewBox="0 0 128 128"><polygon points="38,12 12,38 38,64 12,90 38,116 64,90 90,116 116,90 90,64 116,38 90,12 64,38" stroke="#6f777b" stroke-width="10px" fill="none"></polygon></svg>
diff --git a/app/assets/stylesheets/components/tick-cross.scss b/app/assets/stylesheets/components/tick-cross.scss
index 9d9ce2489..faf1f71fc 100644
--- a/app/assets/stylesheets/components/tick-cross.scss
+++ b/app/assets/stylesheets/components/tick-cross.scss
@@ -17,8 +17,7 @@
   &-cross {
     @extend %tick-cross;
     color: $secondary-text-colour;
-    background-image: file-url('cross-grey.png');
-    box-shadow: inset 20px 0 0 0 rgba(255, 255, 255, 0.6);
+    background-image: file-url('cross-grey.svg');
   }
 
   &-list {