diff --git a/projects/gameboard-ui/src/app/admin/components/manage-manual-challenge-bonuses/manage-manual-challenge-bonuses.component.html b/projects/gameboard-ui/src/app/admin/components/manage-manual-challenge-bonuses/manage-manual-challenge-bonuses.component.html index 2552c5cf..e49ae6e6 100644 --- a/projects/gameboard-ui/src/app/admin/components/manage-manual-challenge-bonuses/manage-manual-challenge-bonuses.component.html +++ b/projects/gameboard-ui/src/app/admin/components/manage-manual-challenge-bonuses/manage-manual-challenge-bonuses.component.html @@ -32,7 +32,7 @@
{{challengeSummary.name}}
- +
{{ challengeSummary.score.totalScore }} - + - Manual Team Bonus: - (entered by {{bonus.enteredBy.name}}) + Manual Team Bonus +
{{bonus.description}}
+
+ ({{bonus.enteredBy.name}}, {{ bonus.enteredOn | shortdate}} @ {{ bonus.enteredOn | + friendlyTime }}) +
+ + +
+ +
- -- -- {{bonus.pointValue}} - -- + {{bonus.pointValue}} @@ -101,7 +110,8 @@

Add a bonus

+ placeholder="Description for this bonus (shown on the scoreboard)" required + [(ngModel)]="newChallengeBonusModel.description">
diff --git a/projects/gameboard-ui/src/app/admin/components/manage-manual-challenge-bonuses/manage-manual-challenge-bonuses.component.scss b/projects/gameboard-ui/src/app/admin/components/manage-manual-challenge-bonuses/manage-manual-challenge-bonuses.component.scss index 13d434eb..723ed25c 100644 --- a/projects/gameboard-ui/src/app/admin/components/manage-manual-challenge-bonuses/manage-manual-challenge-bonuses.component.scss +++ b/projects/gameboard-ui/src/app/admin/components/manage-manual-challenge-bonuses/manage-manual-challenge-bonuses.component.scss @@ -1,17 +1,26 @@ +@import "../../../../scss/variables"; + ul { - padding-inline-start: 2rem; + padding-inline-start: 2rem; } li { - line-height: 1.5rem; - list-style-type: circle; + line-height: 1.5rem; + list-style-type: circle; } .challenge-title-spacer { - height: 1.75rem; + height: 1.75rem; } -.delete-bonus-button-container, li { - padding: 0.5rem 0; + padding: 0.5rem 0; +} + +.vertical-align-cell { + vertical-align: middle; +} + +tr.team-bonuses-row > td { + border-top: solid 1px $info; }