Todoist Compact View by AlexWige

/* ==UserStyle==
@name         Todoist Compact View
@version      20230508.06.44
@namespace    userstyles.world/user/AlexWige
@description  Provides a compact view (shorter height on tasks and less white space between sessions) for Todoist.
@author       AlexWige
@license      No License
==/UserStyle== */

@-moz-document domain("todoist.com") {
    .task_list_item .task_list_item__content {
        display: flex;
        padding-top: 4px;
        padding-bottom: 4px;
        gap: 10px;
    }

    .task_list_item .task_checkbox {
        margin: 1px 5px 0 0;
    }

    .task_list_item .task_list_item__content .task_list_item__content__wrapper .task_content {
        line-height: 16px;
        padding-right: 4px;
    }

    .task_list_item .task_list_item__content .task_list_item__content__wrapper {
      margin-bottom: 0px;
    }

    .task_list_item__actions, .task_list_item__selected_actions {
      height: 20px;
      margin-top: 0px;
    }

    .task_list_item .task_list_item__overflow_actions {
      top: 1px;
    }

    .section_list > li {
        padding-bottom: 0;
    }

    section.section__collapsed {
        margin-bottom: 5px !important;
    }

    .hover_action_button {
        transform: translateY(3px);
    }

    .plus_add_button {
        font-size: 13px;
    }

    .task_list_item__info_tags .task_list_item__project, .task_list_item__info_tags .task_list_item__section {
      transform: translateY(1px);
    }

    .task_list_item__body .task_list_item__actions {
      margin-top: 1px !important;
    }

    .task_list_item.on_drag {
        transform: translateY(8px);
    }
}