From 8840c2d072a5e9d1db4c2b5e5edfb7e50637bb40 Mon Sep 17 00:00:00 2001
From: jcs021102 <jeremycrafts21@GMAIL.COM>
Date: Sat, 24 May 2025 05:26:47 +0200
Subject: [PATCH] improved the panelToolbar layout by seperating save from
 navigation controls, also added key moments navigation control
 (NON-FUNCTIONAL)

---
 src/sections/analysis/panelToolbar/index.tsx | 35 +++++++++++++++++---
 1 file changed, 30 insertions(+), 5 deletions(-)

diff --git a/src/sections/analysis/panelToolbar/index.tsx b/src/sections/analysis/panelToolbar/index.tsx
index a94854cb..1d1853b1 100644
--- a/src/sections/analysis/panelToolbar/index.tsx
+++ b/src/sections/analysis/panelToolbar/index.tsx
@@ -35,7 +35,8 @@ export default function PanelToolBar() {
   }, [undoBoardMove, boardHistory, resetBoard, board]);
 
   return (
-    <Grid container justifyContent="center" alignItems="center" size={12}>
+    <Grid container justifyContent="space-around" columns={2} xs={12}>
+	<Grid container item justifyContent="center" alignItems="center" xs={8}>
       <FlipBoardButton />
 
       <Tooltip title="Reset board">
@@ -61,11 +62,34 @@ export default function PanelToolBar() {
           </IconButton>
         </Grid>
       </Tooltip>
+	
+	<NextMoveButton />
+	
+	<Tooltip title="Go to previous key moment">
+	<Grid>
+    <IconButton
+      onClick={() => {}}
+		  sx={{ paddingX: 1.2, paddingY: 0.5 }}
+		>
+		  <Icon icon="solar:file-left-broken" width={24} height={24} />
+		</IconButton>
+	  </Grid>
+	</Tooltip>
 
-      <NextMoveButton />
-
+      	<Tooltip title="Go to next key moment">
+	<Grid>
+    <IconButton
+      onClick={() => {}}
+		  sx={{ paddingX: 1.2, paddingY: 0.5 }}
+		>
+		  <Icon icon="solar:file-right-broken" width={24} height={24} />
+		</IconButton>
+	  </Grid>
+	</Tooltip>
+	  	  
       <GoToLastPositionButton />
-
+      </Grid>
+      <Grid container item justifyContent="right" alignItems="center" xs={4}>
       <Tooltip title="Copy pgn">
         <Grid>
           <IconButton
@@ -81,6 +105,7 @@ export default function PanelToolBar() {
       </Tooltip>
 
       <SaveButton />
+      </Grid>
     </Grid>
   );
-}
+}
\ No newline at end of file