@vbentley:
I am unfamiliar with bootstrap, but I think this is a style sheet issue. I have had a quick look but run out of time today to actually start experimenting with changes.
In pfSense.css it look like this style dictates the width
.col-sm-10 .form-control {
width: calc(50% - 15px);
}
I will try and get back to this later in the week.
You are correct it can be fixed by modifying the CSS, but it would not be good behavior for a package to do that. You can override the Bootstrap default style for any object (HTML element, actually) by adding the appropriate attribute on the page. I've done that in other places within the GUI for Snort and Suricata for textarea controls. I will do the same for this control.
If you want to experiment (and maybe learn a little about Bootstrap), here is an example of adding the additional attributes to the textarea control –
$modal->addInput(new Form_Textarea (
'logtext',
'',
'...Loading...'
))->removeClass('form-control')->addClass('row-fluid col-sm-10')->setAttribute('rows', '10')->setAttribute('wrap', 'off');
In Bootstrap, the class "col-sm-10" sets the width of an element relative to Bootstrap's 12-column grid. It assumes the display device's screen is evenly divided into 12 columns. So the widget above is set to be 10 columns wide. Ignore the use of $modal. In the file we are discussing for editing a Suppress List, the variable name is $section.
Bill