diff --git a/src/pages/index.tsx b/src/pages/index.tsx index ab1482f..a25292d 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -57,8 +57,8 @@ export default function GameReport() { borderWidth: 2, boxShadow: "0 2px 10px rgba(0, 0, 0, 0.5)", }} - padding={3} - rowGap={3} + padding={2.5} + rowGap={2} style={{ maxWidth: "1200px", }} diff --git a/src/sections/analysis/reviewPanelBody/classificationPanel/movesClassificationsRecap/classificationRow.tsx b/src/sections/analysis/reviewPanelBody/classificationPanel/movesClassificationsRecap/classificationRow.tsx index b63cf8b..da3c664 100644 --- a/src/sections/analysis/reviewPanelBody/classificationPanel/movesClassificationsRecap/classificationRow.tsx +++ b/src/sections/analysis/reviewPanelBody/classificationPanel/movesClassificationsRecap/classificationRow.tsx @@ -86,6 +86,7 @@ export default function ClassificationRow({ classification }: Props) { width={"3rem"} style={{ cursor: whiteNb ? "pointer" : "default" }} onClick={() => handleClick(Color.White)} + fontSize="0.9rem" > {whiteNb} @@ -102,15 +103,17 @@ export default function ClassificationRow({ classification }: Props) { move-icon - {capitalize(classification)} + + {capitalize(classification)} + handleClick(Color.Black)} + fontSize="0.9rem" > {blackNb} diff --git a/src/sections/analysis/reviewPanelBody/classificationPanel/movesClassificationsRecap/index.tsx b/src/sections/analysis/reviewPanelBody/classificationPanel/movesClassificationsRecap/index.tsx index 9b75130..eee1b7a 100644 --- a/src/sections/analysis/reviewPanelBody/classificationPanel/movesClassificationsRecap/index.tsx +++ b/src/sections/analysis/reviewPanelBody/classificationPanel/movesClassificationsRecap/index.tsx @@ -17,7 +17,7 @@ export default function MovesClassificationsRecap() { item justifyContent="center" alignItems="center" - rowGap={2} + rowGap={1} xs={6} sx={{ scrollbarWidth: "thin", overflowY: "auto" }} maxHeight="100%" @@ -30,13 +30,13 @@ export default function MovesClassificationsRecap() { wrap="nowrap" xs={12} > - + {whiteName} - + {blackName} diff --git a/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/index.tsx b/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/index.tsx index 6fb001f..e97fdeb 100644 --- a/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/index.tsx +++ b/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/index.tsx @@ -43,7 +43,7 @@ export default function MovesPanel() { item justifyContent="center" alignItems="start" - gap={1} + gap={0.8} sx={{ scrollbarWidth: "thin", overflowY: "auto" }} maxHeight="100%" xs={6} diff --git a/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/moveItem.tsx b/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/moveItem.tsx index 639eec8..529afd6 100644 --- a/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/moveItem.tsx +++ b/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/moveItem.tsx @@ -48,7 +48,7 @@ export default function MoveItem({ san, moveClassification, moveIdx }: Props) { width="5rem" wrap="nowrap" onClick={handleClick} - paddingY={0.5} + paddingY={0.6} sx={{ cursor: isCurrentMove ? undefined : "pointer", backgroundColor: isCurrentMove ? "#4f4f4f" : undefined, @@ -60,15 +60,21 @@ export default function MoveItem({ san, moveClassification, moveIdx }: Props) { move-icon )} - {san} + + {san} + ); } diff --git a/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/movesLine.tsx b/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/movesLine.tsx index 4662f5c..0ac298d 100644 --- a/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/movesLine.tsx +++ b/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/movesLine.tsx @@ -13,11 +13,13 @@ export default function MovesLine({ moves, moveNb }: Props) { container item justifyContent="space-evenly" - alignItems="start" + alignItems="center" xs={12} wrap="nowrap" > - {moveNb}. + + {moveNb}. + diff --git a/src/sections/analysis/reviewPanelBody/index.tsx b/src/sections/analysis/reviewPanelBody/index.tsx index 47070fd..49a9b8c 100644 --- a/src/sections/analysis/reviewPanelBody/index.tsx +++ b/src/sections/analysis/reviewPanelBody/index.tsx @@ -41,7 +41,7 @@ export default function ReviewPanelBody() { xs={12} justifyContent="center" alignItems="center" - rowGap={1.5} + rowGap={1.2} > {showSkeleton ? ( {showSkeleton ? ( diff --git a/src/sections/analysis/reviewPanelBody/moveInfo.tsx b/src/sections/analysis/reviewPanelBody/moveInfo.tsx index abe852a..21eaf2c 100644 --- a/src/sections/analysis/reviewPanelBody/moveInfo.tsx +++ b/src/sections/analysis/reviewPanelBody/moveInfo.tsx @@ -37,8 +37,16 @@ export default function MoveInfo() { return ( - {moveLabel && {moveLabel}} - {bestMoveLabel && {bestMoveLabel}} + {moveLabel && ( + + {moveLabel} + + )} + {bestMoveLabel && ( + + {bestMoveLabel} + + )} ); } diff --git a/src/sections/analysis/reviewPanelBody/opening.tsx b/src/sections/analysis/reviewPanelBody/opening.tsx index 57f1f30..76106c7 100644 --- a/src/sections/analysis/reviewPanelBody/opening.tsx +++ b/src/sections/analysis/reviewPanelBody/opening.tsx @@ -9,7 +9,9 @@ export default function Opening() { return ( - {opening} + + {opening} + ); } diff --git a/src/sections/analysis/reviewPanelHeader/gamePanel.tsx b/src/sections/analysis/reviewPanelHeader/gamePanel.tsx index cabe588..d06fbfa 100644 --- a/src/sections/analysis/reviewPanelHeader/gamePanel.tsx +++ b/src/sections/analysis/reviewPanelHeader/gamePanel.tsx @@ -22,19 +22,19 @@ export default function GamePanel() { columnGap={3} > - + Site : {gameFromUrl?.site || game.header().Site || "?"} - + Date : {gameFromUrl?.date || game.header().Date || "?"} - + Result :{" "} {gameFromUrl?.termination || game.header().Termination || "?"} diff --git a/src/sections/analysis/reviewPanelHeader/index.tsx b/src/sections/analysis/reviewPanelHeader/index.tsx index ec3b878..faa43a9 100644 --- a/src/sections/analysis/reviewPanelHeader/index.tsx +++ b/src/sections/analysis/reviewPanelHeader/index.tsx @@ -17,7 +17,7 @@ export default function ReviewPanelHeader() { justifyContent="center" alignItems="center" xs={12} - rowGap={3} + rowGap={2} > diff --git a/src/sections/analysis/reviewPanelToolbar/flipBoardButton.tsx b/src/sections/analysis/reviewPanelToolbar/flipBoardButton.tsx index 42306d2..24a3986 100644 --- a/src/sections/analysis/reviewPanelToolbar/flipBoardButton.tsx +++ b/src/sections/analysis/reviewPanelToolbar/flipBoardButton.tsx @@ -8,7 +8,10 @@ export default function FlipBoardButton() { return ( - setBoardOrientation((prev) => !prev)}> + setBoardOrientation((prev) => !prev)} + sx={{ paddingX: 1.2, paddingY: 0.5 }} + > diff --git a/src/sections/analysis/reviewPanelToolbar/goToLastPositionButton.tsx b/src/sections/analysis/reviewPanelToolbar/goToLastPositionButton.tsx index 7a5d1dc..8242683 100644 --- a/src/sections/analysis/reviewPanelToolbar/goToLastPositionButton.tsx +++ b/src/sections/analysis/reviewPanelToolbar/goToLastPositionButton.tsx @@ -39,6 +39,7 @@ export default function GoToLastPositionButton() { setBoardPgn(game.pgn()); }} disabled={isButtonDisabled} + sx={{ paddingX: 1.2, paddingY: 0.5 }} > diff --git a/src/sections/analysis/reviewPanelToolbar/index.tsx b/src/sections/analysis/reviewPanelToolbar/index.tsx index 39b7380..2f978de 100644 --- a/src/sections/analysis/reviewPanelToolbar/index.tsx +++ b/src/sections/analysis/reviewPanelToolbar/index.tsx @@ -43,6 +43,7 @@ export default function ReviewPanelToolBar() { resetBoard({ fen: getStartingFen({ game: board }) })} disabled={boardHistory.length === 0} + sx={{ paddingX: 1.2, paddingY: 0.5 }} > @@ -54,6 +55,7 @@ export default function ReviewPanelToolBar() { undoBoardMove()} disabled={boardHistory.length === 0} + sx={{ paddingX: 1.2, paddingY: 0.5 }} > diff --git a/src/sections/analysis/reviewPanelToolbar/nextMoveButton.tsx b/src/sections/analysis/reviewPanelToolbar/nextMoveButton.tsx index 8121052..2f7d1b6 100644 --- a/src/sections/analysis/reviewPanelToolbar/nextMoveButton.tsx +++ b/src/sections/analysis/reviewPanelToolbar/nextMoveButton.tsx @@ -52,6 +52,7 @@ export default function NextMoveButton() { addNextGameMoveToBoard()} disabled={!isButtonEnabled} + sx={{ paddingX: 1.2, paddingY: 0.5 }} > diff --git a/src/sections/analysis/reviewPanelToolbar/saveButton.tsx b/src/sections/analysis/reviewPanelToolbar/saveButton.tsx index ff31bb7..ba9b7d5 100644 --- a/src/sections/analysis/reviewPanelToolbar/saveButton.tsx +++ b/src/sections/analysis/reviewPanelToolbar/saveButton.tsx @@ -41,7 +41,7 @@ export default function SaveButton() { {gameFromUrl ? ( - + @@ -49,7 +49,11 @@ export default function SaveButton() { ) : ( - +