I would like to achieve uniform styling for each row. The first row, which contains 'het regent vandaag', has the following CSS rule:
.attachments-table td {
margin: 0 5px;
padding: 10px 8px;
line-height: 1.4;
white-space: pre-wrap;
border-bottom: 1px solid #fff;
vertical-align: middle;
}
The second row, which is a table with two rows, also uses this styling, but some adjustments have been made causing the rows to be taller and the odd/even style is missing. How can I modify this to ensure that the nested table adheres to the same style as the first row in terms of height and background color (even/odd)?
To illustrate this issue further, I have created a Plunker: