DataTables removes the top padding of the first entry in the expanded
row, but mailcow's 0.5em padding left 7px under the last entry, so the
list had 7px of space above and 15px below and the last entry (often
Tags) looked taller than the others. Drop the last entry's bottom
padding as well.
Signed-off-by: Moritz Stückler <moritz@bitbetter.de>
- Use the normal cursor on non-orderable headers. The expand column
header kept a pointer cursor from sorting_asc although clicking it
does nothing.
- Let icons in badges inherit the badge font size, like .btn .bi, and
keep their glyph from adding line height. The global 12pt icon size
made e.g. the "SSO @" badge in Last mail login taller than the IMAP
and SMTP badges next to it. Tag badges keep their 12px icon.
- Drop the vertical margin of tag badges inside tables. It is meant for
the tag editor in edit forms and made the Tags entry of the expanded
row taller than the others.
- Center tag badge captions: the 12px tag icon stretched the 10.5px
badge line and pushed the caption below center.
Signed-off-by: Moritz Stückler <moritz@bitbetter.de>
- Center the +/- glyph in the expand control: its line-height (1.25em)
was larger than the 1em box, pushing the glyph down. Derive the box's
margin-top from its size so it is centered in the row (desktop and
the larger mobile variant).
- Hide sort arrows on non-orderable headers. The default initial order
targets column 0, the expand column, which got a sorting_asc arrow
and arrow padding although it cannot be sorted.
- Center row checkboxes level with the expand control by using
Bootstrap's 0.25em margin-top instead of a fixed 7px.
Signed-off-by: Moritz Stückler <moritz@bitbetter.de>
Moritz Stückler
FreddleSpl0it
FreddleSpl0it
Kristian Feldsam