Fixed display of table links and buttons

This commit is contained in:
cryptogopher 2023-12-05 16:16:14 +01:00
parent d98057caad
commit 3127c72288

View File

@ -309,22 +309,42 @@ table.items th {
} }
table.items th, table.items th,
table.items td { table.items td {
padding-inline-start: 0.8rem; padding-inline: 1em 0;
} }
table.items th:last-child { table.items th:last-child {
padding-inline-end: 0.4em; padding-inline-end: 0.4em;
} }
table.items td:last-child {
padding-inline-end: 0.1em;
}
table.items td { table.items td {
border-top: solid 1px #dddddd; border-top: solid 1px #dddddd;
padding-block: 0.1em; padding-block: 0.1em;
} }
/* TODO: change selector to td:has(a) when :has() available on FF.
* That will fix lack of padding for form elements in first column. */
table.items td:first-child { table.items td:first-child {
text-align: left; padding: 0;
} }
/* FIXME: size <a> to fill <td> keeping vertical alignment */
/* td:absolute > a:relative(0,0,0,0) > div:flex > span */
table.items a { table.items a {
color: inherit; color: inherit;
display: block;
font: inherit; font: inherit;
line-height: 2.4;
padding-inline-start: 1em;
text-align: left;
} }
table.items a.subunit {
padding-inline-start: 1.6em;
}
table.items td.actions {
display: flex;
gap: 0.4em;
justify-content: end;
}
table.items a:hover, table.items a:hover,
table.items a:focus-visible, table.items a:focus-visible,
table.items a:hover:focus-visible { table.items a:hover:focus-visible {
@ -353,9 +373,6 @@ table.items svg {
table.items td.number { table.items td.number {
text-align: right; text-align: right;
} }
table.items td.actions {
text-align: right;
}
table.items .button, table.items .button,
table.items button, table.items button,
table.items input[type=submit] { table.items input[type=submit] {