Grey line drawn for non-Likert types

[earcanal]

In style.css this

/* Add gray line for Likert */

form p:before {
  content: '';
  position:relative;
  top:53px;
  left:61px;
  display:block;
  background-color:#efefef;
  height:4px;
  width:888px;
}

produces grey lines in non-likert form elements (e.g. information). Perhaps Likert types such as radio could add a likert class to their <p> elements and the selector could be form p.likert:before?

[vsoch]

yeah! Can you do an example and possibly PR so we can take a look and discuss?

[earcanal]

Do you want an example of the issue? I don't think I should go near the python that generates index.html!

[vsoch]

just to show the difference between the two renderings, and then the code you already provided. I can definitely do the edits to the final code.

FYI I'm going to be afk for a bit so when you post I can look later!

[earcanal]

Example

FIXME suggestion

[vsoch]

Oh I see, so the visual style doesn’t change but the user can select them easily?

[earcanal]

Have a look at the example again (I've reverted style.css to show the issue more clearly).

[vsoch]

Sorry I don’t see how two compare the two links... for a really stupid dinosaur like myself could you post images here with a BEFORE an AFTER? Ty :)

[earcanal]

Here's a screenshot of the issue, a visual of my current workaround, and the proposal for a fix.

[vsoch]

ah okay! So this picture is the BEFORE (or bug) do you have a shot of the after with the fix?

[vsoch]

here I can make one too :)

[vsoch]

yes I definitely +1 here! Would you like to PR to the branch, I'll build a testing container, we can test to ensure it produces the fixed survey, then deploy?