Hi everybody,

I made changes in my modalInfo.html to use pre tag instead of textarea. It is now quite nice except for the fact it doesn't use full width of the form (I use modal and size = 'lg').

Is there a way to style pre tag correctly?

Here is my form now:

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" ng-click="$dismiss()" aria-hidden="true">×</button>
    <h2 class="modal-title" style="text-align:center">{{ title }}</h2>
</div>
<div class="modal-body">
   
    @*<textarea ng-model="message" ng-readonly="true" rows="20"  class="form-control col-lg-12"></textarea>*@ 
    < pre class="input-xxlarge">{{message}}</ pre>
   
</div>
<div class="modal-footer">
    <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true" ng-click="$dismiss()">{{ okLabel }}</button>   
</div>

and that input-xxlarge doesn't have any effect. Here is how the form looks like (see attached).

Thanks in advance.