Habitica Compact Light Header

Category:Extensions, Add-Ons, and Customizations
===== Two-Column Habits =====
One common problem is having to scroll through a list of Habits to get to a specific one. This solution will double the width of the Habits column and allow cards to be displayed side-by-side. You can also tailor this for Dailies or To do's. After installing Stylus, you can write CSS that will affect Habitica. Here is the code snippet for Habits column:
div.tasks-column.habit {
    flex: 0 0 50%;
    max-width: 50%
}
div.tasks-column.habit > div.tasks-list > div.sortable-tasks {
    display: flex;
    flex-wrap: wrap;
}
div.tasks-column.habit > div.tasks-list > div.sortable-tasks > div.task-wrapper {
    width: 50%;
}
If you want to apply this change for Dailies, change all `div.tasks-column.habit` in the above example to `div.tasks-column.daily`. For To do's, change them to `div.tasks-column.todo`