<commit_before>chatter-light-blue = #FAFAFB
chatter-light-gray = #E6EEF4
chatter-white = #fff
chatter-trans-gray = rgba(96,104,110,.8)
chatter-blue = #2185d0

.chatter
    background-color: chatter-light-blue !important

    .padded
        padding: 14px 14px 0

    .wrapper
        position: absolute
        height: 100%
        width: 100%
        top: 0
        bottom: 0
        z-index: -1

    .ui.secondary.pointing.menu
        background-color: chatter-white
        margin: 0 !important
        >.right, >.left
            min-width: 90px
            .icon.item
                min-width: 45px
        .header
            flex-grow: 1
            .status
                text-align center
                display: block
                width: 100%

    .roomList
        position: absolute
        width: 100%
        overflow: hidden
        overflow-y: auto
        top: 40px
        bottom: 0
        padding-bottom: 50px
        .ui.list .item
            padding-top: 16px
            padding-bottom: 16px
            .ui.avatar.image
                width: 3em
                height: 3em
            .content
                width: 86%
                padding-left: 0.8em
                .header, .description
                    color: #60686e
                    color: chatter-trans-gray
                .header
                    font-size: 1.1em
                    .meta
                        display: block
                        float: right
                        font-weight: 400
                        font-size: 0.8em
                .description
                    overflow: hidden
                    text-overflow: ellipsis
                    white-space: nowrap
                    padding-top: 8px
    .btn-wrapper
        position: absolute
        bottom: 0
        width: 100%
        padding: 7px 14px 7px

    .room
        position: absolute
        width: 100%
        overflow: hidden
        overflow-y: auto
        top: 40px
        bottom: 56px
        margin: 0 !important

        &.ui.comments .comment
            text-align: left
            >.content
                max-width: 257px
                padding: 5px
                background-color: chatter-light-gray
                border-radius: 5px
                margin-left: 0.6em
                display: inline-block
            .avatar
                width: 2em
            &.yours
                text-align: right
                .author, .date, .content .text
                    color: white

                >.content
                    text-align: left
                    margin-right: 0.6em
                    margin-left: 0
                    display: inline-block
                    background-color: chatter-blue
                .avatar
                    float: right

            &:last-of-type
                margin-bottom: 10px
    .newRoom
        .ui.button
            margin-top: 20px
    .writer
        position: absolute
        width: 100%
        bottom: 0
        padding: 7px 14px 7px

        textarea<commit_msg>centered the button in new room form<commit_after>chatter-light-blue = #FAFAFB
chatter-light-gray = #E6EEF4
chatter-white = #fff
chatter-trans-gray = rgba(96,104,110,.8)
chatter-blue = #2185d0

.chatter
    background-color: chatter-light-blue !important

    .padded
        padding: 14px 14px 0

    .wrapper
        position: absolute
        height: 100%
        width: 100%
        top: 0
        bottom: 0
        z-index: -1

    .ui.secondary.pointing.menu
        background-color: chatter-white
        margin: 0 !important
        >.right, >.left
            min-width: 90px
            .icon.item
                min-width: 45px
        .header
            flex-grow: 1
            .status
                text-align center
                display: block
                width: 100%

    .roomList
        position: absolute
        width: 100%
        overflow: hidden
        overflow-y: auto
        top: 40px
        bottom: 0
        padding-bottom: 50px
        .ui.list .item
            padding-top: 16px
            padding-bottom: 16px
            .ui.avatar.image
                width: 3em
                height: 3em
            .content
                width: 86%
                padding-left: 0.8em
                .header, .description
                    color: #60686e
                    color: chatter-trans-gray
                .header
                    font-size: 1.1em
                    .meta
                        display: block
                        float: right
                        font-weight: 400
                        font-size: 0.8em
                .description
                    overflow: hidden
                    text-overflow: ellipsis
                    white-space: nowrap
                    padding-top: 8px
    .btn-wrapper
        position: absolute
        bottom: 0
        width: 100%
        padding: 7px 14px 7px

    .room
        position: absolute
        width: 100%
        overflow: hidden
        overflow-y: auto
        top: 40px
        bottom: 56px
        margin: 0 !important

        &.ui.comments .comment
            text-align: left
            >.content
                max-width: 257px
                padding: 5px
                background-color: chatter-light-gray
                border-radius: 5px
                margin-left: 0.6em
                display: inline-block
            .avatar
                width: 2em
            &.yours
                text-align: right
                .author, .date, .content .text
                    color: white

                >.content
                    text-align: left
                    margin-right: 0.6em
                    margin-left: 0
                    display: inline-block
                    background-color: chatter-blue
                .avatar
                    float: right

            &:last-of-type
                margin-bottom: 10px
    .newRoom
        .ui.button
           display: block
           margin: 20px auto
    .writer
        position: absolute
        width: 100%
        bottom: 0
        padding: 7px 14px 7px

        textarea
{'fraction_non_alphanumeric': 0.06986899563318777, 'fraction_numerical': 0.035257965388969754, 'mean_word_length': 0.9416012558869702, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, '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': '4779195', 'n_tokens_mistral': 1834, 'n_tokens_neox': 1524, 'n_words': 412}