Bug on Radio field type

lawyerlinguist1

Hi there,
I consider it as a bug because I don't think that's the intended result in terms of layout; there's something to fix with CSS.
It's about how the radio field type looks when editing the user profile.
You can compare with how (I think) it's supposed to look with Cassiopea; with JaMorgan there's something off.
Please have a look at the screenshot.

Is there a way we can fix it on custom.css or we need to wait the next update?
Thank you,

EDIT : there's something more, I just noticed that the field description is not displayed (for any field type). It shows up with Cassiopea and it doesn't with JaMorgan.

saguaros

Hi lawyerlinguist1

You can try this custom CSS:

.view-profile .btn-group.radio > input.btn-check {
    margin-left: 90px !important;
}

.view-profile .btn-group.radio > .btn {
    float: none;
}

lawyerlinguist1

Thanks, that's still a bit off....

Can I suggest to make something like Cassiopeia? :-)

What about the description not being displayed?

Thank you.

saguaros

lawyerlinguist1 JA Morgan is built with Bootstrap 3 so the style will not be the same. If you want to be the same, will need to customize on it.

lawyerlinguist1

Well, as you see in the screenshot the radio options should be better than this...
Thanks..

saguaros

lawyerlinguist1 It's typo in Bootstrap version, I will also forward to the team.

lawyerlinguist1

Hi there,
the issue is still there: has it been in the meanwhile released any update that I may have missed?

EDIT
I'd suggest this, it works well for me

.view-profile .btn-group.radio > input.btn-check {
    margin-left: 0px !important;
}

.view-profile .btn-group.radio > .btn {
float: none; margin-top: -20px; margin-left:25px; text-align:left;
}

.radio label {
padding-left:0; display:block;
}