🐛: Fix an UI issue with the game menu's message.

noobiept · Aug 19, 2023 · d920e6e · d920e6e
1 parent fbf3634
commit d920e6e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/source/features/game-logic/game-logic.ts b/source/features/game-logic/game-logic.ts
@@ -411,7 +411,7 @@ export class GameLogic {
                         this.clearMessage();
                         this.updateGhostPiecePosition();
                     } else {
-                        this.showMessage("Couldn't rotate left!");
+                        this.showMessage("Rotation blocked");
                     }
                 }
                 return false;
@@ -428,7 +428,7 @@ export class GameLogic {
                         this.clearMessage();
                         this.updateGhostPiecePosition();
                     } else {
-                        this.showMessage("Couldn't rotate right!");
+                        this.showMessage("Rotation blocked");
                     }
                 }
                 return false;

diff --git a/source/features/game-menu/game-menu.tsx b/source/features/game-menu/game-menu.tsx
@@ -12,14 +12,15 @@ const Container = styled.div`
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
-    width: 185px;
+    width: 200px;
     margin: 20px;
 `;
 const Top = styled.div``;
 const Bottom = styled.div``;
 
 const Message = styled.div`
-    margin-top: 30px;
+    margin: 20px 0;
+    height: 2em;
     color: red;
 `;