diff --git a/app/directives/challenge-tile/challenge-tile.jade b/app/directives/challenge-tile/challenge-tile.jade index 0cbb43640..33d29075b 100644 --- a/app/directives/challenge-tile/challenge-tile.jade +++ b/app/directives/challenge-tile/challenge-tile.jade @@ -22,7 +22,7 @@ .phase-action(ng-show="challenge.userAction", ng-switch="challenge.userAction") a.tc-btn.tc-btn-s.tc-btn-wide.tc-btn-ghost.submit(ng-switch-when="Submit", ng-href="{{challenge|challengeLinks:'submit'}}") Submit a.tc-btn.tc-btn-s.tc-btn-wide.tc-btn-ghost.submit(ng-switch-when="Appeal", ng-href="{{challenge|challengeLinks:'viewScorecards'}}") View Scorecards - a.tc-btn.tc-btn-s.tc-btn-wide.tc-btn-ghost.submit(ng-switch-when="Appeal", ng-href="{{challenge|challengeLinks:'completeAppeals'}}") Complete Appeals + a.tc-btn.tc-btn-s.tc-btn-wide.btn-danger.submit(ng-switch-when="Appeal", ng-href="{{challenge|challengeLinks:'completeAppeals'}}") Complete Appeals .submitted(ng-switch-when="Submitted") Submitted @@ -100,7 +100,7 @@ .phase-action(ng-switch="challenge.userAction") a.tc-btn.tc-btn-s.tc-btn-wide.tc-btn-ghost.submit(ng-switch-when="Submit", ng-href="{{challenge|challengeLinks:'submit'}}") Submit a.tc-btn.tc-btn-s.tc-btn-wide.tc-btn-ghost.submit(ng-switch-when="Appeal", ng-href="{{challenge|challengeLinks:'viewScorecards'}}") View Scorecards - a.tc-btn.tc-btn-s.tc-btn-wide.tc-btn-ghost.submit(ng-switch-when="Appeal", ng-href="{{challenge|challengeLinks:'completeAppeals'}}") Complete Appeals + a.tc-btn.tc-btn-s.tc-btn-wide.btn-danger.submit(ng-switch-when="Appeal", ng-href="{{challenge|challengeLinks:'completeAppeals'}}") Complete Appeals .submitted(ng-switch-when="Submitted") Submitted diff --git a/assets/css/directives/challenge-tile.scss b/assets/css/directives/challenge-tile.scss index 93d631bdd..747d39b47 100644 --- a/assets/css/directives/challenge-tile.scss +++ b/assets/css/directives/challenge-tile.scss @@ -248,6 +248,22 @@ challenge-tile .challenge.tile-view { .submit { margin: 12px; display: block; + + &.btn-danger { + color: #e66e66; + background-color: $white; + border-color: #e66e66; + + &:hover { + background-color: #e66e66; + color: $white; + } + + &:active { + background-color: #e0493e; + box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.30); + } + } } .submitted { @@ -508,6 +524,22 @@ challenge-tile .challenge.list-view { .submit { display: block; margin: 6px 0; + + &.btn-danger { + color: #e66e66; + background-color: $white; + border-color: #e66e66; + + &:hover { + background-color: #e66e66; + color: $white; + } + + &:active { + background-color: #e0493e; + box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.30); + } + } } .submitted {