From 45dab1a8d772d04484cdd8a5f7487cb74a105ad9 Mon Sep 17 00:00:00 2001
From: Lisa Knox <lisaknox83@gmail.com>
Date: Thu, 2 Nov 2023 10:47:11 -0400
Subject: [PATCH] 19302: switched collapse icon to svg
 Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox@curii.com>

---
 public/mui-start-icon.png                         | Bin 213 -> 0 bytes
 public/mui-start-icon.svg                         |   1 +
 .../side-panel-toggle/side-panel-toggle.tsx       |   6 +++---
 3 files changed, 4 insertions(+), 3 deletions(-)
 delete mode 100644 public/mui-start-icon.png
 create mode 100644 public/mui-start-icon.svg

diff --git a/public/mui-start-icon.png b/public/mui-start-icon.png
deleted file mode 100644
index 839383713131ea8c4b33eb071923b4d49c0a2571..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 213
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`Gjb39!fLp;2bQx+H|EZO*zXR(+7
zPvS1Ni}fptJvN#!t~f5&AzWC=deb0CH-JH^N<QlYQ_Qr0B*qgt6ZoG!-rN$z%@O6q
z%l#p$={!@!908xM2$2JiTf)S2T8{C11v+MFIh9!yr5xsE*IeKx^T1?|l-L8)IYHbq
z4Qy}P+l0L~D74Eib!73<-H_5{x^-gEy9twH+_hy6Ej0V`n1SJil#-;#N{u?8I~hD(
L{an^LB{Ts5&YMTS

diff --git a/public/mui-start-icon.svg b/public/mui-start-icon.svg
new file mode 100644
index 00000000..3140cc33
--- /dev/null
+++ b/public/mui-start-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M80-240v-480h80v480H80Zm560 0-57-56 144-144H240v-80h487L584-664l56-56 240 240-240 240Z"/></svg>
\ No newline at end of file
diff --git a/src/views-components/side-panel-toggle/side-panel-toggle.tsx b/src/views-components/side-panel-toggle/side-panel-toggle.tsx
index f7f5cf4b..0bcfbd3d 100644
--- a/src/views-components/side-panel-toggle/side-panel-toggle.tsx
+++ b/src/views-components/side-panel-toggle/side-panel-toggle.tsx
@@ -23,7 +23,7 @@ const SidePanelToggle = (props: collapseButtonProps) => {
             marginTop: '0.4rem'
         },
         icon: {
-            opacity: '0.6',
+            opacity: '0.5',
         },
     }
 
@@ -31,9 +31,9 @@ const SidePanelToggle = (props: collapseButtonProps) => {
         <IconButton style={collapseButtonIconStyles.root} onClick={() => { props.toggleSidePanel(props.isCollapsed) }}>
             <div>
                 {props.isCollapsed ?
-                    <img style={collapseButtonIconStyles.icon} src='/mui-start-icon.png'/>
+                    <img style={collapseButtonIconStyles.icon} src='/mui-start-icon.svg'/>
                     :
-                    <img style={{ ...collapseButtonIconStyles.icon, transform: "rotate(180deg)"}} src='/mui-start-icon.png'/>}
+                    <img style={{ ...collapseButtonIconStyles.icon, transform: "rotate(180deg)"}} src='/mui-start-icon.svg'/>}
             </div>
         </IconButton>
     </Tooltip>
-- 
2.30.2