/* ==UserStyle==
@name           Znuny: Reduce row distances and paddings of tables and layout
@namespace      github.com/olifre/userstyles
@updateURL      https://raw.githubusercontent.com/olifre/userstyles/main/support.uni-bonn.de.user.css
@version        1.0.14
@description    Reduces the distances and paddings of layout elements and rows, fitting more tickets and information on one screen, improves accessibility.
@author         Oliver Freyermuth <o.freyermuth@googlemail.com> (https://olifre.github.io/)
@license        Unlicense
@preprocessor   stylus
@var checkbox reinvertImages "Reinvert images (undo dark mode on them)" 1
==/UserStyle== */

@-moz-document domain("support.uni-bonn.de") {
    .DataTable thead th, .DataTable thead th.DashboardHeader {
        padding: 5px var(--padding-lg);
    }
    .ArticleMailHeader label {
        line-height: normal !important;
    }
    .WidgetSimple .field-wrapper > .Field, .field-wrapper > .Field {
        line-height: normal !important;
    }
    body {
        line-height: normal !important;
    }
    .jstree-InputField .jstree-wholerow-ul .jstree-wholerow {
        height: 15px !important;
    }
    img, video {
        filter:invert(90%) hue-rotate(180deg) if reinvertImages;
    }
    html {
        --main-page-padding: 5px !important;
        --gap-sm: 2px !important;
        --gap-md: 2px !important;
        --gap-lg: 3px !important;
        --padding-xs: 1px !important;
        --padding-sm: 1px !important;
        --padding-md: 0px !important;
        --padding-lg: 4px !important;
    }
    .toolbar-row-wrapper .toolbar-row .component-wrapper ul {
        gap: 10px;
        padding-top: 10px;
    }
    /* Ensure row highlighting on hover also works for even rows */
   .DataTable tbody tr:hover td,
   .TableSmall tbody tr:hover td,
   .DataTable tbody tr:active td.Clickable,
   .TableSmall tbody tr:active td.Clickable,
   .DataTable tr:nth-child(even):hover td.Highlight {
     background:var(--primary-color-rgb) !important;
   }
   /* Ensure more contrast in general. */
   html {
       --border-color: #b8b6b1 !important;
       --border-input-color: #8c8985 !important;
       --disabled-text:var(--gray-dark-medium) !important;
       --btn-min-height: 28px !important;
   }
   tbody tr:hover span.UnreadArticles i {
       color:#686766;
   }
}