diff --git a/client/src/modules/game_creation/GameCreationStepManager.js b/client/src/modules/game_creation/GameCreationStepManager.js index 063eb64..51b612a 100644 --- a/client/src/modules/game_creation/GameCreationStepManager.js +++ b/client/src/modules/game_creation/GameCreationStepManager.js @@ -139,7 +139,7 @@ export class GameCreationStepManager { restoreButton(); break; case 400: - toast('Your game has invalid parameters..', 'error', true, true); + toast('Your game has invalid parameters.', 'error', true, true); restoreButton(); break; case 201: @@ -331,11 +331,11 @@ export class GameCreationStepManager { } if (hours !== null) { - valid = hours <= PRIMITIVES.MAX_HOURS; + valid = hours > 0 && hours <= PRIMITIVES.MAX_HOURS; } if (minutes !== null) { - valid = minutes <= PRIMITIVES.MAX_MINUTES; + valid = minutes > 0 && minutes <= PRIMITIVES.MAX_MINUTES; } return valid; diff --git a/client/src/styles/GLOBAL.css b/client/src/styles/GLOBAL.css index e7a2493..7466ee8 100644 --- a/client/src/styles/GLOBAL.css +++ b/client/src/styles/GLOBAL.css @@ -87,8 +87,8 @@ textarea { } .toast-error { - background-color: #fdaeb7; - border: 3px solid #c78a8a; + background-color: #f98e9a; + border: 3px solid #c57272; } .toast-neutral { @@ -338,12 +338,13 @@ input { border-radius: 5px; font-family: 'signika-negative', sans-serif; font-weight: 100; - box-shadow: 0 1px 1px rgba(0,0,0,0.11), - 0 2px 2px rgba(0,0,0,0.11), - 0 4px 4px rgba(0,0,0,0.11), - 0 8px 8px rgba(0,0,0,0.11), - 0 16px 16px rgba(0,0,0,0.11), - 0 32px 32px rgba(0,0,0,0.11); + box-shadow: + 0 1px 1px rgba(0,0,0,0.11), + 0 2px 2px rgba(0,0,0,0.11), + 0 4px 4px rgba(0,0,0,0.11), + 0 8px 8px rgba(0,0,0,0.11), + 0 16px 16px rgba(0,0,0,0.11), + 0 32px 32px rgba(0,0,0,0.11); left: 0; right: 0; width: fit-content; diff --git a/client/src/styles/create.css b/client/src/styles/create.css index b34080e..53dc8ae 100644 --- a/client/src/styles/create.css +++ b/client/src/styles/create.css @@ -164,7 +164,7 @@ } #deck-status-container { - width: 20em; + width: 25em; max-width: 95%; height: 20em; overflow-y: auto; @@ -457,7 +457,7 @@ input[type="number"] { #role-select { margin: 0.5em 1em 1.5em 0; overflow-y: auto; - height: 16em; + height: 20em; } .default-role, .custom-role, .added-role {