'view learners' button in Coach has incorrect styling

[indirectlylit]

Observed behavior

The 'view learners' button is styled as a raised secondary button:

Expected behavior

Button should probable be a 'basic link' and inline with number, not on next line

User-facing consequences

• button has more prominence on the page than appropriate
• too much space is taken up for functionality

Steps to reproduce

view a class home page in Coach

Context

0.15.0-beta1

[sharifmaryam]

Hi, I would like to contribute but I am unsure on how to reproduce this.

[abhimnc]

hi @indirectlylit , first time user, like to contribute. I am not able to get what you want to convey. Here is screenshot I am getting. What changes do you want to make?

[indirectlylit]

Hello, thanks for offering to contribute!

The design system defines terminology related to button styling that's used in the description:

https://design-system.learningequality.org/buttons/#visualstyles

Take a look at that and let us know if you still have questions

[abhimnc]

is this change you want to make? (Just want to confirm I am going in right direction.)

what do you mean by "inline with number, not on next line"?

[indirectlylit]

Yes, that's right.

what do you mean by "inline with number, not on next line"?

Something like this:

Would you mind also double-checking that if we have a 'View coaches' button we apply the same styling? I don't know offhand if we have that implemented.

thank you!

[abhimnc]

Thanks for clarification.
Finally I got this. Here is the screenshot.

I checked 'View coaches' button but I haven't found it. Would you like to create one? I would happy to work on it also.
Also, should I create pull request for the issue I am working on currently.

[abhimnc]

hi @indirectlylit . i have created a pull request.Let me know the feedback.
it is #8720