From a9aca1351c7b518f050e955e7616761c57644bd2 Mon Sep 17 00:00:00 2001 From: Patrick Mueller Date: Sat, 10 Sep 2022 19:33:55 +0200 Subject: [PATCH] Some button styling --- .../components/add-game/add-game.component.html | 6 +++--- .../components/add-game/add-game.component.scss | 15 +++++++-------- src/app/components/header/header.component.html | 2 +- src/styles.scss | 1 + 4 files changed, 12 insertions(+), 12 deletions(-) diff --git a/src/app/components/add-game/add-game.component.html b/src/app/components/add-game/add-game.component.html index 5ec16b8..0059c44 100644 --- a/src/app/components/add-game/add-game.component.html +++ b/src/app/components/add-game/add-game.component.html @@ -4,14 +4,14 @@

Select the active players for the game:

-
{{player.firstName}}
+
{{player.firstName}}

Illegal amount of players!

Players: {{getPlayerNamesAsString()}}

Select the announcements for this game:

-
{{announcement.toString()}}
+
{{announcement.toString()}}

Illegal set of announcements!

@@ -19,7 +19,7 @@

Players: {{getPlayerNamesAsString()}}

Highest Announcements: {{getHighestAnnouncements()}}

Please select the elder(s):

-
{{player.firstName}}
+
{{player.firstName}}

Illegal game teams!

diff --git a/src/app/components/add-game/add-game.component.scss b/src/app/components/add-game/add-game.component.scss index 22c8b0a..29d00da 100644 --- a/src/app/components/add-game/add-game.component.scss +++ b/src/app/components/add-game/add-game.component.scss @@ -12,11 +12,11 @@ color: $text; } -.active-true { +.active-true, .elder-player-true { color: $active; } -.active-false { +.active-false, .elder-player-false { color: $inactive; } @@ -32,10 +32,9 @@ display: inherit; } -.elder-player-false { - color: $inactive; -} - -.elder-player-true { - color: $active; +.togglebtn { + text-align: center; + max-width: 10em; + background-color: $button; + margin: .5em; } diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html index e545b5e..2bc64cc 100644 --- a/src/app/components/header/header.component.html +++ b/src/app/components/header/header.component.html @@ -1,5 +1,5 @@