Merge pull request #79 from Chessweeper/android

Fix CSS issues on mobile

Author: Xwilarg

src/components/Cell.tsx

@@ -17,7 +17,7 @@ export const Cell = ({ id }: CellProps): JSX.Element => {
   let value: string | number | JSX.Element = "";
 
   let className = "cell";
-  if (G.size > 10) {
+  if (G.size > 7) {
     className += " small";
   }
 

test/components/Cell.test.tsx

@@ -65,8 +65,8 @@ describe("Cell tests", () => {
     expect(cell).not.toHaveClass("white");
   });
 
-  it("should render with small class when size > 10", () => {
-    boardContext.G.size = 11;
+  it("should render with small class when size > 7", () => {
+    boardContext.G.size = 8;
 
     const { container } = renderWithProviders(
       <BoardContext.Provider value={boardContext}>