fix some scaling

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%;
       `;
     }
   }}

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;
       `;
     }

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);
   };