diff --git a/src/app/app.component.html b/src/app/app.component.html
index 2a0a98e..265a5e7 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -33,7 +33,7 @@
>{{ timer }}
- Tap to add or
remove players
diff --git a/src/app/settings/settings.component.scss b/src/app/settings/settings.component.scss
index 4a04e77..f184310 100644
--- a/src/app/settings/settings.component.scss
+++ b/src/app/settings/settings.component.scss
@@ -6,6 +6,11 @@ section {
display: flex;
flex-direction: column;
align-items: baseline;
+ font-size: 20px;
+
+ &>* {
+ margin-bottom: 8px;
+ }
}
.mat-caption {
diff --git a/src/app/settings/settings.service.ts b/src/app/settings/settings.service.ts
index ae33c02..d567b6a 100644
--- a/src/app/settings/settings.service.ts
+++ b/src/app/settings/settings.service.ts
@@ -36,7 +36,7 @@ export class SettingsService {
order: boolean;
chooseColor: boolean;
colors: Array;
- countdown: number;
+ private _countdown: number;
constructor(
@Inject(DEFAULT_SETTINGS) _default: Settings
@@ -46,4 +46,16 @@ export class SettingsService {
this.countdown = _default.countdown;
this.colors = _default.colors;
}
+
+ get countdown() {
+ return this._countdown;
+ }
+
+ set countdown(val: number) {
+ if (val && val > 3) {
+ this._countdown = val;
+ } else {
+ this._countdown = 3;
+ }
+ }
}
diff --git a/src/favicon.ico b/src/favicon.ico
index 49c5695..cbff2e4 100644
Binary files a/src/favicon.ico and b/src/favicon.ico differ
diff --git a/src/index.html b/src/index.html
index 3a1b8d7..3a7aec1 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,12 +7,12 @@
-
+
-
+
diff --git a/src/styles.scss b/src/styles.scss
index 534476f..0e1e39c 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -7,7 +7,7 @@
// Define a custom typography config that overrides the font-family as well as the
// `headlines` and `body-1` levels.
$whostarts-typography: mat-typography-config(
- $font-family: 'Roboto, "Helvetica Neue", sans-serif',
+ $font-family: '"Finger Paint", cursive',
$display-4: mat-typography-level(112px, 112px, 300, $letter-spacing: -0.05em),
$display-3: mat-typography-level(56px, 56px, 400, $letter-spacing: -0.02em),
$display-2: mat-typography-level(45px, 48px, 400, $letter-spacing: -0.005em),
@@ -59,3 +59,7 @@ body {
background-color: #2c3e50;
color: #ecf0f1;
}
+
+.mat-typography h2 {
+ margin: 16px 0;
+}