Long TabularInline hides right toolbox

[sliwowitz]

If I have a simple model with not many fields and a TabularInline which contains a lot of long fields, the TabularInline will overlap the toolbox on the right side mkaing the toolbox unusable.

(maybe other admin classes might exhibit this behavior as well, I just tried with TabularInline)

[darklow]

Unfortunately Bootstrap v2 have default fixed width for inputs.
See here how you can change the width of input fields: #58

[sliwowitz]

Thanks for the reply. Resizing the fields will work in this particular example, but it really doesn't solve the problem - what if I need more fields in the table? Or what if the user has a lower screen resolution?

It would be better if it was possible to avoid the situation when the right box is blocked in some more generic way.

I was thinking - 'clear: right' on the inline would leave a lot of useless empty space on the page, a separate horizontal scrollbar just for the table would probably uncomfortable to use.

Maybe some javascript to bring the whole box to top on mouse hover (don't know what a tablet would do in that case)?

[darklow]

What about making your inputs fluid by adding:

.inline-related .table td .vTextField { width: 100%; }