Airtable Whitespace Hack CSS for Stylus

@-moz-document domain("airtable.com") {
/*****
* AirTable UI Formatting
* 2019-01-25 - Further reduced left-hand spacing, fixed current day highlighting in calendar view
* 2018-05-10 - Removed Greasemonkey colour code [Partially native in Airtable]
*   - Additional whitespace tweaks added
* 2017-08-27 - Removed code for toggling sidebar/weekends [Native in Airtable]
*
*****/

/*****
* Space Hacks
*  The below code reduces the amount of whitespace around the table view
*****/

/*****
* Ugly Top Bar Collapsing
*  This pushes the actual title of the base partially off the top of the window, but we dont' switch bases too often, so ¯\_(ツ)_/¯
*****/
#topbar,
#appTopbar > div {
    height: 2px !important;
}
div.flex.absolute.left-0.right-0.baymax {
    top: 2px !important;
}
#table {
    top: 30px !important;
}

/*****
* Row Header Cleanup
*  Removes the row number, expand record button, and associated whitespace
*****/
.dataRow .rowNumber {
    display: none !important;
}
.dataRow .expandButtonLeft {
    display: none !important;
}
.dataRow .staticCellContainer {
    width: 0px !important;
}
.dataRow .cell.primary {
    margin-left: 0px !important;
    width: calc(100%) !important;
}

/* The below code fixes the column width in groups*/

div.dataRow.leftPane, div.gridViewGroup.leftPane{
    left: 16px !important;
    width: calc(100% - 16px) !important;
}
.groupHeaderCell.groupHeaderLabelCell{
    width: 100% !important;
}

/* Special fix for "ghost" row */
div#dataLeftPane div.dataRow.leftPane.ghost{
    width: calc(100% - 16px) !important;
}

/*****
* Column Label Icon Removal
*  Removes the label icon and resizes the label to take up the full space
*****/
.nameAndDescription svg {
    display: none !important;
}
.nameAndDescription .name {
    left: 8px !important;
    width: calc(100% - 19px) !important;
}
}

@-moz-document domain("airtable.com") {
/*****
* Expanded Records – Whitespace
*  Removes field label icons, darkens the label text, and removes much of the whitespace
*****/
.labelCellPair svg.displayTypeIcon {
    display: none !important;
}
.labelCellPair .fieldLabel {
    color: rgb(3, 3, 3) !important;
}
.labelCellPair {
    margin-bottom: 1em !important;
}

/*****
* Expanded Records – Expand, Multi-Column
*  On wider windows (above 1410px), sets the expanded record view to use 80% of the screen for multiple columns
*****/
@media(min-width:1410px) {
    .detailViewWithActivityFeedBase .dialog {
        width: 80% !important;
    }
    .detailViewWithActivityFeedBaseLeft {
        width: calc(100% - 308px) !important;
    }
    .detailViewWithActivityFeedBaseLeft .body {
        columns: 10 calc(450px + 26px);
        padding: 0px!important;
        column-gap: 12px !important;
        column-rule: 1px dotted #ddd;
    }
    .detailViewWithActivityFeedBaseLeft .hiddenColumnsHeader {
        margin-top: 1em;
        margin-bottom: 1em;
        column-span: all !important;
    }
    .labelCellPair {
        width: calc(100%) !important;
        margin: 0px !important;
        padding: .5em 1em 1em 1em !important;
        -webkit-column-break-inside: avoid !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }
}
}

@-moz-document domain("airtable.com") {
/*****
* Table Formatting
*****/

/* Colour calculated cells */

div.cell[data-columntype ~="lookup"],
div.cell[data-columntype ~="count"],
div.cell[data-columntype ~="rollup"] {
    background-color: aliceblue;
}
div.cell[data-columntype ~="formula"] {
    background-color: ivory;
}
}

@-moz-document domain("airtable.com") {
/*****
* Calendar Formatting
*****/

/* Resize calendar entries to fit article titles on hover */
.calendarRecord:hover {
    height: auto;
    margin-bottom: 1px;
}
.calendarRecord:hover .recordHoverTarget {
    height: 100%;
    min-height: 25px;
    opacity: 1;
    z-index: 100;
}
.calendarRecord:hover .recordHoverTarget > .flex {
    height: auto!important;
    min-height: 24px;
}
.calendarRecord:hover .recordHoverTarget .truncate {
    white-space: normal;
    margin-bottom: 2px;
}

/* Highlight current day*/
#calendarView div.rounded.blue.text-white {
    width: calc(100% - 12px);
}
}