[$20] - Color of the Complete Appeals button

[birdofpreyru]

Recently we have added Complete Appeals button to the challenge listing in the dashboard (#992, not yet in prod). Currently it is styled as any other button in the challenge card: white background, blue text, blue border in the regular state; blue background, white text in the hovered state.

As completing appeals too early may change contenstant's destinity, and thus potentially dangerous operation, let's change the color being used in this button from blue to the reddish #e66.

[birdofpreyru]

@ThomasKranitsas How do you build topcoder-app so that it uses the stylesheet from the updated version of tc-site repo?

[ThomasKranitsas]

@birdofpreyru I've no idea 😛 I just found where the css code for that button is and I updated it

[birdofpreyru]

@ThomasKranitsas You might found it wrong :-P After some inverstigation, I tend to believe that topcoder-app imports button styles (and some other styling) from styles repo (my best understanding, though I also might be wrong, as relations between different repos hosting different parts of tc are still quite a puzzle for me). Though, there is a problem: the first thing I see in styles repo is the warning DEPRICATED! DO NOT USE!.

I think, we should move the styling related to this ticket into topcoder-app, probably along with some related styling. But I would like to hear from @ajefts about it (whether I am right, and whether moving it to topcoder-app is a good idea, or there are some other plans at TC about it).

[birdofpreyru]

@ThomasKranitsas Actually, as the stylesheets in topcoder-app overrides (I believe) those imported from other repos anyway, let's just add the style for tc-btn-appeal class to topcoder-app/assets/css/my-dashboard/my-dashboard.scss (or .../my-challenges.scss, if it is more appropriate). This way we resolve this issue in a secure way, and if we have any other input on styles, etc. we'll open new tickets.