Fix quiz button styling to match other buttons

[varlese]

For the Polyglots Training course, we're planning to add content to the course in Sensei using the Lesson post type, rather than as a Workshop.

On the Polyglots Contributor Training course page, everything appears as expected. However, once I open an individual lesson, the buttons to navigate from one lesson to the next appear larger than expected. It's also not possible to move those buttons/the Lesson Actions block to a different part of the page, i.e. below the quiz questions.

Likewise, on the same page, the description for the quiz question appears twice. Once below the quiz question, which is expected, and a second time, just above the navigation buttons.

It would be helpful if we could remove that repeated question description, make it possible to move the Lesson Actions block to a different part of the page, and align the buttons onto a single line, like they appear in the block editor.

[hlashbrooke]

Agree that this needs to be updated.

In a previous update (that I requested) we added the lesson content to the top of the quiz page and auto-redirected lessons to quizzes. That made sense for the flow we have been using, but now that we're going all-in on courses for Learn, we will need to revert that change. The commit that handled it was in #141. We can keep the auto-enrolment there, but could you please roll back the other two changes in that commit, with my apologies for asking you to revert your previous work.

We'll also need to look into the layout of those buttons, although those buttons don't look like the standard Sensei buttons (blue/green/red) so not sure where those button style are coming from exactly.

[varlese]

If I can tack on one more quiz-related button that seems like a stylistic change! At the bottom of a quiz, it looks like the Save Quiz and Reset Quiz buttons are missing some styles to match the Complete Quiz button.

From what I see, it looks like both of those buttons have the is-style-outline class added and that's causing the difference in appearance.

[coreymckrill]

@hlashbrooke @varlese Ok the lesson changes (redirect to quizzes, prepending content) have been reverted. Probably won't have a chance to look at the button issues until later this week or next.

[hlashbrooke]

Thanks - this looks like it's working correctly to me.

[hlashbrooke]

I've renamed this to be more accurate for what needs to be done now.

Other work has been one and the only outstanding task is to fix the quiz button styling.

The quiz buttons look like this:

But they should look like the ones in the lessons like this:

[hlashbrooke]

I did some digging in the code here and it looks like we need to remove the button class from the quiz buttons and the styling will match up. These buttons are created by Sensei in includes/class-sensei-quiz.php from line 1353 and include the full markup. I'm not sure what the best way would be to remove that class, but it feels like a JS call to do it would be the simplest.

[hlashbrooke]

This is resolved now that we are using Sensei's Learning Mode, so I'm closing this issue.