Hi,
When I create a Quote or an invoice, if the descr text is a bit longer then normal, all information goes beyond the table on right and I can't preview correctly the invoice (or quote) then to check.
In frontend or in PDF? everything is correct. This issue happen only on backend when creating items.
I join some screenshot of what I mean. The first screenshot is with my templte I created, the second one is with the default template avaible from your component.
If this is not enough, I also join the code of MY template below...
If you could have any advice, it will be great. This issue does not affect my customer, only me on backend. But it is a bit hard to check my invoices before send them...

This is the code of MY quote template.

<div style="font-family: Helvetica; font-size: 12px; width:100%;">

	<!-- HEADER -->

    <table width="100%">

        <tbody>

            <tr>

                <td valign="top" width="50%"><img src="/{company_logo}" alt="PAO Production" /> 

                    <table class="">

                        <tbody>

                            <tr>

                                <td valign="top" style="font-size: 14px;"><strong>{from_name}</strong></td>

                            </tr>

                            <tr>

                                <td valign="top" style="font-size: 9px; line-height: 13px;">{from_address}</td>

                            </tr>

                            <tr>

                                <td valign="top" style="font-size: 9px; line-height: 13px;">Email : {from_email}</td>

                            </tr>

                            <tr>

                                <td valign="top" style="font-size: 9px; line-height: 13px;">Tél. : {from_phone}</td>

                            </tr>

                        </tbody>

                    </table>

                </td>

                <td valign="top" width="50%">

                    <div class="well-small">

                        <table class="dl-table">

                            <tbody>

                                <tr>

                                    <td valign="top" style="font-size: 10px; line-height: 14px; color: #bbb;">[[BILL_TO]]</td>

                                </tr>

                                <tr>

                                    <td valign="top" style="font-size: 28px; line-height: 32px;"><strong>{to_company}</strong></td>

                                </tr>

                                <tr>

                                    <td valign="top" style="font-size: 14px; line-height: 18px;">{to_address}  {to_zipcode} {to_city}  {to_state} {to_country}</td>

                                </tr>

                            </tbody>

                        </table>

                    </div>

                </td>

            </tr>

        </tbody>

    </table>

    <p> </p>

    <h1 class="invoice_header">Devis N° {invoice_num}</h1>

    <p class="invoice_date">{invoice_date}</p>

    {accept_button}

    <table class="table table-striped" width="100%">

	<!-- HEAD TABLE -->

        <thead>

            <tr>

                <th style="width:54%;font-size: 8px;" align="left">[[DESCRIPTION]]</th>

                <th style="text-align: right;font-size: 8px; width:15%;" align="right">[[UNIT_COST]]</th>

                <th style="text-align: right;font-size: 8px; width:8%;" align="right">[[QUANTITY]]</th>

                <th style="text-align: right;font-size: 8px; width:8%;" align="right">[[TAX]]</th>

                <th style="text-align: right;font-size: 8px; width:15%;" align="right">[[PRICE]]</th>

            </tr>

        </thead>

        <tbody>

	<!-- PRODUITS TABLE -->

            <!--ITEMS-->

            <tr>

                <td style="width:54%;">

	                <p style="line-height: 12px; margin: 0;"><strong>{name}</strong></p>

	                <p style="line-height: 9px; font-size: 8px; margin: 0;">{desc}</p>

		        </td>

                <td style="text-align: right;font-size: 8px; width:15%;" align="right">{value}</td>

                <td style="text-align: right;font-size: 8px; width:8%;" align="right">{amount}</td>

                <td style="text-align: right;font-size: 8px; width:8%;" align="right">{tax}</td>

                <td style="text-align: right;font-size: 10px; width:15%;" align="right">{item_total}</td>

            </tr>

            <!--/ITEMS-->

        </tbody>

        <tfoot>

            <tr>

                <td style="text-align: right;font-size: 10px; line-height: 10px;" colspan="4" align="right">[[DISCOUNT]]</td>

                <td style="text-align: right;font-size: 10px; line-height: 10px;" align="right" style="font-size: 10px; line-height: 14px;">{discount}</td>

            </tr>

            <tr>

                <td style="text-align: right;font-size: 10px; line-height: 10px;" colspan="4" align="right">[[SUBTOTAL]]</td>

                <td style="text-align: right;font-size: 10px; line-height: 10px;" align="right">{subtotal_items_less_total_discount}</td>

            </tr>

            <!--GROUPED_TAXES-->

            <tr>

                <td colspan="4" style="text-align: right;font-size: 10px; line-height: 10px;" align="right">{name} <span style="font-size: 8px;">({tax_value}% [[OF]] {calculated_on_amount})</span></td>

                <td style="text-align: right;font-size: 10px; line-height: 10px;" align="right">{value}</td>

            </tr>

            <!--/GROUPED_TAXES-->

            <!--TAXES-->

            <tr>

                <td colspan="4" style="text-align: right;font-size: 10px; line-height: 10px;" align="right">{name} <span style="font-size: 8px;">(Taux réduit marche à blanc 0,35%)</span></td>

                <td style="text-align: right;font-size: 10px; line-height: 10px;" align="right">{value}</td>

            </tr>

            <!--/TAXES-->

            <tr>

                <td colspan="4" style="text-align: right;" align="right"><strong>[[TOTAL]]</strong></td>

                <td style="text-align: right;" align="right"><strong>{total}</strong></td>

            </tr>

        </tfoot>

    </table>

    <div style="padding: 2px;">[[NOTES]]</div>

    <div class="muted" style="border-top: 1px solid #000; padding: 2px;"><small>{notes}</small></div>

</div>