Battleship: Small layout fixes

gear-foundation · Apr 30, 2024 · fca4dfb · fca4dfb
1 parent 1420db5
commit fca4dfb
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/frontend/apps/battleship/src/features/game/components/game-process/GameProcess.module.scss b/frontend/apps/battleship/src/features/game/components/game-process/GameProcess.module.scss
@@ -23,7 +23,7 @@
   width: 50%;
   display: flex;
   flex-direction: column;
-  justify-content: end;
+  justify-content: flex-end;
   gap: 10px;
 
   .manageTurn {

diff --git a/...apps/battleship/src/features/game/components/ship-arrangement/ShipArrangement.module.scss b/...apps/battleship/src/features/game/components/ship-arrangement/ShipArrangement.module.scss
@@ -14,6 +14,7 @@
   text-align: center;
   color: #ffffff;
   background: black;
+  z-index: 1;
 
   background: rgb(0,0,0);
     background: linear-gradient(90deg, rgba(0,0,0,1) 10%, rgba(0,51,39,1) 50%, rgba(0,0,0,1) 90%); 

diff --git a/frontend/apps/battleship/src/pages/game.module.scss b/frontend/apps/battleship/src/pages/game.module.scss
@@ -1,5 +1,6 @@
 .gameContainer {
   flex: 1;
+  padding-bottom: 36px;
 }
 
 .gameDarkHeading {