diff --git a/src/Components/Buttons/SettingsButton.tsx b/src/Components/Buttons/SettingsButton.tsx index 9319d2e..bb52fec 100644 --- a/src/Components/Buttons/SettingsButton.tsx +++ b/src/Components/Buttons/SettingsButton.tsx @@ -9,7 +9,7 @@ export const StyledSettingsButton = styled.button<{ rotation: number }>` border: none; outline: none; cursor: pointer; - top: 12vmin; + top: 25%; right: 1vmax; background-color: transparent; user-select: none; @@ -26,7 +26,7 @@ export const StyledSettingsButton = styled.button<{ rotation: number }>` return css` right: auto; top: 1vmax; - left: 12vmin; + left: 27%; `; } }} diff --git a/src/Components/LifeCounter/LifeCounter.tsx b/src/Components/LifeCounter/LifeCounter.tsx index 64e635b..3d3a172 100644 --- a/src/Components/LifeCounter/LifeCounter.tsx +++ b/src/Components/LifeCounter/LifeCounter.tsx @@ -187,8 +187,8 @@ export const LoseGameButton = styled.button<{ rotation: Rotation }>` border: none; outline: none; cursor: pointer; - top: 12vmin; - right: 6vmax; + top: 25%; + right: 15%; background-color: #43434380; border-radius: 8px; -webkit-touch-callout: none; @@ -202,15 +202,15 @@ export const LoseGameButton = styled.button<{ rotation: Rotation }>` if (props.rotation === Rotation.SideFlipped) { return css` right: auto; - top: 6vmax; - left: 12vmin; + top: 15%; + left: 27%; rotate: ${props.rotation}deg; `; } else if (props.rotation === Rotation.Side) { return css` right: auto; - top: 6vmax; - left: 12vmin; + top: 15%; + left: 27%; rotate: ${props.rotation - 180}deg; `; } diff --git a/src/Components/PlayerMenu/PlayerMenu.tsx b/src/Components/PlayerMenu/PlayerMenu.tsx index 9e193f3..c9aa201 100644 --- a/src/Components/PlayerMenu/PlayerMenu.tsx +++ b/src/Components/PlayerMenu/PlayerMenu.tsx @@ -34,8 +34,9 @@ const CloseButton = styled.div<{ rotation: Rotation; }>` position: absolute; - top: 5%; + top: 15%; right: 5%; + z-index: 9999; border: none; outline: none; cursor: pointer; @@ -77,6 +78,7 @@ const PlayerMenu = ({ resetCurrentGame, }: PlayerMenuProps) => { const handleOnClick = () => { + console.log('hej'); setShowPlayerMenu(false); };