<commit_before>// Modules

.mini-user {
    background: white;
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
    border: 4px solid #DEE0E0;
    @include border-radius(3px);

    span.inner {
        border: 1px solid #B6B7B9;
        display: block;
        min-height: 50px;
        padding: 5px;

        span.avatar {
            background: transparent url('avatar-default.png') center center no-repeat;
            background-size: cover;
            display: block;
            min-height: 70px;
            position: relative;
        }
        span.age,
        span.money {
            color: $black;
            display: block;
            font: bold 18px $Helvetica;
            margin: 7px 0 5px 0;
            white-space: nowrap;

            span.unit {
                font: normal 11px $Helvetica;
            }
        }
        span.name {
            display: block;
            font: normal 11px $Helvetica;
            margin: 3px 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }

    &.anonymous {
        opacity: 0.33;
    }
}
a.mini-user {
    span.name {
        color: $green;
    }
}
span.mini-user {
    border-color: white;
    span.name {
        color: $black;
    }
}
a.mini-user:hover {
    border: 4px solid $light-brown;
    text-decoration: none;

    span.inner {
        border-color: $brown;
    }
}
.payments-by {
    background-image: url("payments-by.png");
    background-size: cover;
    width: 200px;
    height: 24px;
    float: right;
    margin-bottom: 5px;
    padding-left: 6pt;
    > a {
        line-height: 24pt;
    }
}
.accounts {
    margin-bottom: 12pt;
    width: 100%;
    span.none {
        font-style: italic;
        color: $gray;
    }
    #cc-delete, #cb-delete, #ba-delete {
        display: inline-block;
        float: right;
        margin-top: -13px;
    }
    .auth-button, .account-delete, .toggle-bitcoin, .toggle-email {
        float: right;
        margin-top: -13px;
    }
    table {
        width: 100%;
    }
    tr {
        border-top: 1px solid $light-gray;

        &:last-of-type {
            border-bottom: 1px solid $light-gray;
        }
    }
    td {
        text-align: left;
        vertical-align: middle;
        vertical-align: -webkit-baseline-middle;
        line-height: 100%;

        &.account-type {
            padding: 6pt 6pt 6pt 0;
            width: 49px;
            margin-bottom: 3px;

            // Width and height of the avatar.
            // The images and whitespace surrounding them scale to based on this.
            $AvatarSize: 36pt;

            // Width and height of the platform icon. 70% of avatar size.
            $PlatformImageSize: round($AvatarSize * 0.7);

            // Right/bottom offset of the platform icon.
            $PlatformImageOffset: $PlatformImageSize - round($PlatformImageSize * 0.5);

            // The amount of the platform icon that overflows into surrounding content.
            $PlatformImageOverflow: $PlatformImageSize - $PlatformImageOffset;

            .sanity-preserving-wrapper {
                position: relative;
                margin-right: $PlatformImageOverflow;
                // The 3pt is not an *entirely* magic number:
                // it is somehow related to the padding-bottom, and proves to
                // always be the correct value to use, even when scaling the
                // avatar size.
                margin-bottom: $PlatformImageOverflow - 3pt;
            }

            img.avatar, img.platform {
                width: $AvatarSize;
                height: $AvatarSize;
            }

            img.avatar ~ img.platform {
                width: $PlatformImageSize;
                height: $PlatformImageSize;
                position: absolute;
                bottom: -$PlatformImageOffset;
                right: -$PlatformImageOffset;
                border-radius: 3em;
                border: 2px solid #FFFFFF;
                background-color: #D7E4DE;
            }
        }
    }
    div.account-type {
        font-size: 12px;
        clear: both;
        color: $gray;
        text-transform: uppercase;
        padding: 3px 0;
    }
    .account-details {
        padding: 10px;
        position: relative;
        word-break: break-all;
    }<commit_msg>Fix whitespace around images; remove the need for a magic number.<commit_after>// Modules

.mini-user {
    background: white;
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
    border: 4px solid #DEE0E0;
    @include border-radius(3px);

    span.inner {
        border: 1px solid #B6B7B9;
        display: block;
        min-height: 50px;
        padding: 5px;

        span.avatar {
            background: transparent url('avatar-default.png') center center no-repeat;
            background-size: cover;
            display: block;
            min-height: 70px;
            position: relative;
        }
        span.age,
        span.money {
            color: $black;
            display: block;
            font: bold 18px $Helvetica;
            margin: 7px 0 5px 0;
            white-space: nowrap;

            span.unit {
                font: normal 11px $Helvetica;
            }
        }
        span.name {
            display: block;
            font: normal 11px $Helvetica;
            margin: 3px 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }

    &.anonymous {
        opacity: 0.33;
    }
}
a.mini-user {
    span.name {
        color: $green;
    }
}
span.mini-user {
    border-color: white;
    span.name {
        color: $black;
    }
}
a.mini-user:hover {
    border: 4px solid $light-brown;
    text-decoration: none;

    span.inner {
        border-color: $brown;
    }
}
.payments-by {
    background-image: url("payments-by.png");
    background-size: cover;
    width: 200px;
    height: 24px;
    float: right;
    margin-bottom: 5px;
    padding-left: 6pt;
    > a {
        line-height: 24pt;
    }
}
.accounts {
    margin-bottom: 12pt;
    width: 100%;
    span.none {
        font-style: italic;
        color: $gray;
    }
    #cc-delete, #cb-delete, #ba-delete {
        display: inline-block;
        float: right;
        margin-top: -13px;
    }
    .auth-button, .account-delete, .toggle-bitcoin, .toggle-email {
        float: right;
        margin-top: -13px;
    }
    table {
        width: 100%;
    }
    tr {
        border-top: 1px solid $light-gray;

        &:last-of-type {
            border-bottom: 1px solid $light-gray;
        }
    }
    td {
        text-align: left;
        vertical-align: middle;
        vertical-align: -webkit-baseline-middle;
        line-height: 100%;

        /*
         * 15pt is for top/bottom padding; it makes it so the platform icon will
         * fit in the empty space.
         * TODO: This should be calculated from $AvatarSize and related variables.
         */
        padding: 15pt 6pt 15pt 0;

        &.account-type {
            width: 49px;
            margin-bottom: 3px;

            // Width and height of the avatar.
            // The images and whitespace surrounding them scale to based on this.
            $AvatarSize: 36pt;

            // Width and height of the platform icon. 70% of avatar size.
            $PlatformImageSize: round($AvatarSize * 0.7);

            // Right/bottom offset of the platform icon.
            $PlatformImageOffset: $PlatformImageSize - round($PlatformImageSize * 0.5);

            // The amount of the platform icon that overflows into surrounding content.
            $PlatformImageOverflow: $PlatformImageSize - $PlatformImageOffset;

            .sanity-preserving-wrapper {
                position: relative;
                margin-right: $PlatformImageOverflow;
            }

            img.avatar, img.platform {
                width: $AvatarSize;
                height: $AvatarSize;
            }

            img.avatar ~ img.platform {
                width: $PlatformImageSize;
                height: $PlatformImageSize;
                position: absolute;
                bottom: -$PlatformImageOffset;
                right: -$PlatformImageOffset;
                border-radius: 3em;
                border: 2px solid #FFFFFF;
                background-color: #D7E4DE;
            }
        }
    }
    div.account-type {
        font-size: 12px;
        clear: both;
        color: $gray;
        text-transform: uppercase;
        padding: 3px 0;
    }
    .account-details {
        padding: 10px;
        position: relative;
        word-break: break-all;
    }
{'fraction_non_alphanumeric': 0.10111327900837828, 'fraction_numerical': 0.019740617468151037, 'mean_word_length': 1.4588036117381489, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3901861', 'n_tokens_mistral': 2737, 'n_tokens_neox': 2496, 'n_words': 652}