Categories not aligned (plain theme)

Self-Hosted | v5
1

Version

Self Hosted v5.10.40

Environment

Docker

Describe the bug

Any ideas why in the plain theme the categories are not aligned?
No adjustments just using the default theme:

alignment
alignment655×130 23.7 KB

2

Hi,

Can you please explain the screenshot, why are there two table headers?

3

I am using German translation. It basically is an invoice with products and time-based (task) services. That is why there are two table headers.

I switched now to the bold theme (because of the fixed footer @ bottom issue that still is existing in the plain theme).

Additionally I changed the table width in the CSS to fixed values for the first two columns. Not sure if that is the way to go but it works:

    /* Column: Products */
    [data-ref="table"] > thead > tr > th:first-child {
        width: 28px !important;
    }

    /* Column: Description for Products*/
    [data-ref="product_table-product.description-th"] {
        width: 50%;
    }
    /* Column: Description for Tasks*/
    [data-ref="task_table-task.description-th"] {
        width: 50%;
    }

The following columns adjusted also via CSS:

    /* Spalte: Menge */
    [data-ref="table"] > thead > tr > th:nth-child(3) {
        width: 50px !important;
        text-align: center;
    }
    [data-ref="table"] > tbody > tr > td:nth-child(3) {
        text-align: center;
    }

    /* Spalte: E-Preis */
    [data-ref="table"] > thead > tr > th:nth-child(4) {
        text-align: right;
    }
    [data-ref="table"] > tbody > tr > td:nth-child(4) {
        text-align: right;
    }
1 Like
4

Glad to hear it’s working now, thanks for sharing the solution!

1 Like