/** CSS for the `surveys/question_form.html` template */

/* Force label width for survey question form.

As there is a long label which may be added, without forcing the width, the display of
the table may change when we hide the row containing the longest.
Apply with width for the labels in the list of choices too for correct alignment.
 */
#survey-question-form-main td:first-child,
#survey-question-form-choices td:first-child {
    width: 15em;
}
/* Hide the form used to create new choices when clicking on "Add another choice". */
#survey-question-form-choices .empty-form {
    display: none;
}
/* Hide the text for the remove link to replace it with a "x" in ``::before`` */
#survey-question-form-choices h4 .inline-deletelink {
    width: 1.5ex;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    float: right;
}
#survey-question-form-choices h4 .inline-deletelink::before {
    content: '×&nbsp;';
    font-size: larger;
    font-weight: bold;
}
/* Add room below the "Add another choice" button. */
#survey-question-form-choices .add-row {
    margin-bottom: 2ex;
}
/* The btn class is added to the DIV, not the A, so adapt paddings. */
#survey-question-form-choices .add-row {
    padding: 0;
}
#survey-question-form-choices .add-row a {
    padding: 6px 12px;
    display: inline-block;
}
/* Make the background of dragged choice semi transparent. */
#survey-question-form-choices .ui-sortable-helper {
    background: rgba(255, 255, 255, 0.75);
}
