I don't know what happened, but don't wor with yours suggestion.
So I can Understand how can I modify the template.css to change the "other box" width ?
Tha html code is :
Code:
<!-- answer_row_other -->
<div id='javatbd297228X4X26other' class='col-xs-12 form-group answer-item radio-item radio' >
<!-- Checkbox + label -->
<div class="pull-left othertext-label-checkox-container">
<input
class="radio"
type="radio"
value="-oth-"
name="297228X4X26"
id="SOTH297228X4X26"
onclick="checkconditions(this.value, this.name, this.type)"
aria-labelledby="label-SOTH297228X4X26"
/>
<label for="SOTH297228X4X26" class="answertext control-label label-radio"></label>
<!--
The label text is provided inside a div,
so final user can add paragraph, div, or whatever he wants in the subquestion text
This field is related to the input thanks to attribute aria-labelledby
-->
<div class="label-text label-clickable" id="label-SOTH297228X4X26">
NOTE
</div>
</div>
<!-- comment -->
<div class="pull-left ">
<input
type="text"
class="form-control text input-sm"
id="answer297228X4X26othertext"
name="297228X4X26other"
title="Altro" value="" onkeyup="if($.trim($(this).val())!=''){ $('#SOTH297228X4X26').click(); }; checkconditions(this.value, this.name, this.type)"
/>
</div>
</div>
<!-- end of answer_row_other -->
