From 9dbc18801a569c43b18cde771614c183a8168bf3 Mon Sep 17 00:00:00 2001
From: ego-lay-atman-bay <70973578+ego-lay-atman-bay@users.noreply.github.com>
Date: Fri, 13 Dec 2024 16:05:39 -0700
Subject: [PATCH] fix arrow icons

---
 scratch2/style.js | 21 +++++++++++----------
 scratch3/style.js | 21 +++++++++++----------
 2 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/scratch2/style.js b/scratch2/style.js
index 9eafacac..30bb49a7 100644
--- a/scratch2/style.js
+++ b/scratch2/style.js
@@ -531,6 +531,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("path", {
           d: "M 0.5 5 L 5 0.5 L 9.5 5 L 6.5 5 L 6.5 9.5 L 3.5 9.5 L 3.5 5 Z",
+          fill: "none",
         }),
         {
           id: "sb-arrowUpOutline",
@@ -548,7 +549,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUp",
-          transform: "rotate(180 6 6)",
+          transform: "rotate(180 5 5)",
         }),
         {
           id: "sb-arrowDown",
@@ -557,7 +558,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUpOutline",
-          transform: "rotate(180 6 6)",
+          transform: "rotate(180 5 5)",
         }),
         {
           id: "sb-arrowDownOutline",
@@ -566,7 +567,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUpThin",
-          transform: "rotate(180 6 6)",
+          transform: "rotate(180 5 5)",
         }),
         {
           id: "sb-arrowDownThin",
@@ -575,7 +576,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUp",
-          transform: "rotate(-90 6 6)",
+          transform: "rotate(-90 5 5)",
         }),
         {
           id: "sb-arrowLeft",
@@ -584,7 +585,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUpOutline",
-          transform: "rotate(-90 6 6)",
+          transform: "rotate(-90 5 5)",
         }),
         {
           id: "sb-arrowLeftOutline",
@@ -593,7 +594,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUpThin",
-          transform: "rotate(-90 6 6)",
+          transform: "rotate(-90 5 5)",
         }),
         {
           id: "sb-arrowLeftThin",
@@ -602,7 +603,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUp",
-          transform: "rotate(90 6 6)",
+          transform: "rotate(90 5 5)",
         }),
         {
           id: "sb-arrowRight",
@@ -611,7 +612,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUpOutline",
-          transform: "rotate(90 6 6)",
+          transform: "rotate(90 5 5)",
         }),
         {
           id: "sb-arrowRightOutline",
@@ -620,7 +621,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUpThin",
-          transform: "rotate(90 6 6)",
+          transform: "rotate(90 5 5)",
         }),
         {
           id: "sb-arrowRightThin",
@@ -638,7 +639,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUpDownThin",
-          transform: "rotate(90 6 6)",
+          transform: "rotate(90 5 5)",
         }),
         {
           id: "sb-arrowLeftRightThin",
diff --git a/scratch3/style.js b/scratch3/style.js
index 9c007804..8fe0150d 100644
--- a/scratch3/style.js
+++ b/scratch3/style.js
@@ -812,6 +812,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("path", {
           d: "M 0.5 5 L 5 0.5 L 9.5 5 L 6.5 5 L 6.5 9.5 L 3.5 9.5 L 3.5 5 Z",
+          fill: "none",
         }),
         {
           id: "sb3-arrowUpOutline",
@@ -829,7 +830,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUp",
-          transform: "rotate(180 6 6)",
+          transform: "rotate(180 5 5)",
         }),
         {
           id: "sb3-arrowDown",
@@ -838,7 +839,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUpOutline",
-          transform: "rotate(180 6 6)",
+          transform: "rotate(180 5 5)",
         }),
         {
           id: "sb3-arrowDownOutline",
@@ -847,7 +848,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUpThin",
-          transform: "rotate(180 6 6)",
+          transform: "rotate(180 5 5)",
         }),
         {
           id: "sb3-arrowDownThin",
@@ -856,7 +857,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUp",
-          transform: "rotate(-90 6 6)",
+          transform: "rotate(-90 5 5)",
         }),
         {
           id: "sb3-arrowLeft",
@@ -865,7 +866,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUpOutline",
-          transform: "rotate(-90 6 6)",
+          transform: "rotate(-90 5 5)",
         }),
         {
           id: "sb3-arrowLeftOutline",
@@ -874,7 +875,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUpThin",
-          transform: "rotate(-90 6 6)",
+          transform: "rotate(-90 5 5)",
         }),
         {
           id: "sb3-arrowLeftThin",
@@ -883,7 +884,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUp",
-          transform: "rotate(90 6 6)",
+          transform: "rotate(90 5 5)",
         }),
         {
           id: "sb3-arrowRight",
@@ -892,7 +893,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUpOutline",
-          transform: "rotate(90 6 6)",
+          transform: "rotate(90 5 5)",
         }),
         {
           id: "sb3-arrowRightOutline",
@@ -901,7 +902,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUpThin",
-          transform: "rotate(90 6 6)",
+          transform: "rotate(90 5 5)",
         }),
         {
           id: "sb3-arrowRightThin",
@@ -919,7 +920,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUpDownThin",
-          transform: "rotate(90 6 6)",
+          transform: "rotate(90 5 5)",
         }),
         {
           id: "sb3-arrowLeftRightThin",