Commit 56af966d authored by Pat Kira's avatar Pat Kira Committed by Pat Kira
Browse files

Bug 1689975 - Fixed help icon position on radio button group

- Changed label and wrapper display so the help icon is positioned next
  to radio input group
- Ensured that help icon is next to input field on smaller screen

Change-Id: I4a36ba5523ebceb3fbc736578886d452b62b9133
behatnotneeded: styling only
parent 9fa3c03a
......@@ -404,9 +404,9 @@
.form-control {
display: inline-block;
max-width: calc(100% - 30px);
@media (min-width: $screen-sm-min) {
width: 370px;
max-width: 85%;
.columns3 &,
.form-inline & {
max-width:100%;
......@@ -457,15 +457,16 @@
}
&.radio {
.pseudolabel {
@media (max-width: $screen-sm-min) {
min-width: auto;
}
}
.pseudolabel,
.radio-wrapper {
@media (min-width: $screen-sm-min) {
display: table-cell;
max-width: calc(100% - 30px);
display: inline-block;
}
.pseudolabel {
@media (max-width: $screen-sm-min - 1) {
display: block;
min-width: auto;
max-width: none;
}
}
.modal-docked & {
......
......@@ -404,9 +404,9 @@
.form-control {
display: inline-block;
max-width: calc(100% - 30px);
@media (min-width: $screen-sm-min) {
width: 370px;
max-width: 85%;
.columns3 &,
.form-inline & {
max-width:100%;
......@@ -457,15 +457,16 @@
}
&.radio {
.pseudolabel {
@media (max-width: $screen-sm-min) {
min-width: auto;
}
}
.pseudolabel,
.radio-wrapper {
@media (min-width: $screen-sm-min) {
display: table-cell;
max-width: calc(100% - 30px);
display: inline-block;
}
.pseudolabel {
@media (max-width: $screen-sm-min - 1) {
display: block;
min-width: auto;
max-width: none;
}
}
.modal-docked & {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment