diff --git a/src/utils/pileon.ts b/src/utils/pileon.ts index f2a095c..7f8f161 100644 --- a/src/utils/pileon.ts +++ b/src/utils/pileon.ts @@ -24,9 +24,8 @@ export const calculateTableEmSize = ( columns: number, rows: number, ): [number, number] => { - const tableWidthEm = stackWidthEm(4, size) * columns + 0.5 * (columns - 1); - const tableHeightEm = - getCardDimensionsEm(size).height * rows + 0.5 * (rows - 1); + const tableWidthEm = stackWidthEm(4, size) * columns + (columns - 1); + const tableHeightEm = getCardDimensionsEm(size).height * rows + (rows - 1); return [tableWidthEm, tableHeightEm]; }; diff --git a/src/views/Pileon/Pileon.svelte b/src/views/Pileon/Pileon.svelte index da5deac..cfb15ea 100644 --- a/src/views/Pileon/Pileon.svelte +++ b/src/views/Pileon/Pileon.svelte @@ -207,8 +207,8 @@ align-items: center justify-content: center width: 100vw - column-gap: 0.5em - row-gap: 0.5em + column-gap: 1em + row-gap: 1em margin: auto @media (max-aspect-ratio: 9/17)