The outer table is 80% of the browser width and the inner table 90% width of that table. The field's column cell widths dynamically expand but the actual input fields remain the same size.

Also refer:
https://www.tutorialrepublic.com/faq/how-to-expand-select-box-to-its-default-width-on-focus-using-css.php

What I would like to do is to adjust the width of the "Item Description" on the interface when I enter the items to the Sales order.   Please refer to the link below to see what I meant.    When I intend to increase the width size of the "Item Description", I would also like to reduce the "Item Code" and "Quantity".   I tried on APMuthu's suggestion, but it does not change the width. 

Please click the screen shot (http://btposlic.duckdns.org/tmp/Row-field-size.jpg) here to view what I meant.

I still hope someone could point to the right file and code.

Thanks.

/Mark

If you mean Sales tab => Direct Invoice Entry, then the select box will automatically change size based on the theme you are using. There is very little leeway in the css file at:

themes/default/default.css Line 45 to 47:

select {
    max-width: 230px;
}

I understand the Item Description part, but the Unit and Price before tax are already too much.. I think  you can specify a unit price of a thousands of  trillions if I am not mistaken. I can specify 999,999,999,999,999.00 as a unit price for example and same for quantities.

Now as for the Item description there is a limitation of 50 characters as of 2.4.8 and was 255 characters before..This thread will help you understand why and maybe gives you a temporary solution.

https://frontaccounting.com/punbb/viewtopic.php?id=8700

Rafat

May I know where is the code that I could increase/adjust the width of the "Item Description" (and other items such as "Unit", "Price before Tax" etc).   

Could someone advise?

Thanks.

/Mark