web/src/scss/tables.scss

.table {
    @include themify($themes) {
        color: themed('textColor');
    }

    &.table td, .table th {
        &:not(tr:first-child td) {
            @include themify($themes) {
                border-top: 1px solid themed('separator');
            }
        }
    }

    thead th {
        border-top: none;
    }

    tr:first-child {
        td {
            border: none;
        }
    }

    tr.vault-item {
        display: flex;
        width: calc(50% - 10px);
        align-items: center;
        padding: 15px;
        margin: 10px 0;
        border-radius: 6px;
        @include themify($themes) {
            background-color: themed('bgSwapColor');
        }
    }

    td {
        vertical-align: middle;
        @include themify($themes) {
            color: themed('textColor');
        }

        & > a {
            &:not(.badge) {
                @include themify($themes) {
                    color: themed('tableLinkColor');
                }
                &:hover {
                    @include themify($themes) {
                        color: themed('tableLinkColorHover');
                    }
                }
            }
        }

        &.reduced-lh {
            line-height: 1;
            
            small {
                font-size: 80%;
            }
        }

        small, > .fa, .icon {
            @include themify($themes) {
                color: themed('textMuted');
            }
        }

        .fa-globe {
            @include themify($themes) {
                color: themed('iconColor');
            }
        }
    }

    td.wrap {
        word-break: break-all;
    }

    td.table-list-options {
        height: 50px;
        max-width: 76px;
        text-align: right;
        width: 76px;

        &.wider {
            max-width: 100px;
            width: 100px;
        }

        .btn {
            line-height: 1;
            transition: initial;
        }

        .dropdown-menu {
            line-height: $line-height-base;
        }
    }

    tr:not(:hover) td.table-list-options {
        > .dropdown:not(.show) button:not(:focus):not(:active), > button:not(:focus):not(:active) {
            @extend .sr-only;
        }
    }

    td.table-list-icon {
        max-width: 30px;
        text-align: center;
        width: 30px;
        
        img {
            // @extend .rounded;
            // @extend .img-fluid;
            // max-height: 24px;
            max-width: 100%;
        }
    }

    td.table-list-checkbox {
        max-width: 35px;
        width: 35px;
    }

    td.table-list-strike {
        text-decoration: line-through;
        @include themify($themes) {
            color: themed('textMuted');
        }
    }

    &.table-list {
        &.table td, .table th {
            &:not(tr:first-child td) {
                @include themify($themes) {
                    border-top: 1px solid themed('tableSeparator');
                }
            }
        }

        thead th {
            border-top: none;
        }

        tr:first-child {
            td {
                border: none;
            }
        }
    }
}

.table-hover tbody tr:hover {
    @include themify($themes) {
        background-color: themed('tableRowHover');
        color: themed('tableColorHover');
    }
}