<commit_before>.tab-content {
    .documents {
        height: calc(100% - 10px);
        overflow: auto;

        .document, .document-shifted {
            border-bottom: 1px solid $light-grey1;
            height: 65px;
            overflow: visible;
            padding: 12px 10px 0 0;
            position: relative;

            $icon-width: 30px;
            $icon-padding: 10.7px;
            .icon {
                height: 40px;
                width: $icon-width + 3px;
                float: left;
                margin: 0 10px;
                cursor: pointer;
                @include sprite(-5px, $icon-width, $icon-padding, '/icu/assets/img/attachment-small.png');
            }

            .text {
                float: left;

                .title {
                    .user-name {
                        font-size: 16px;
                        font-weight: 700;
                        line-height: 50px;
                    }
                }
                .time {
                    color: $light-grey4;
                }
            }

            .more {
                float: right;
                color: $light-grey4;
                position: absolute;
                right: 5px;
                top: 50%;
                transform: translate(0, -50%);
                cursor: pointer;
            }

        }

        .document-shifted {
            padding-left: 40px;
        }

    }
}


/*Ohada*/
  #DocumentLine:hover {
    background-color: #313C40; }
  #DocumentLine:hover >  #DocumentTextLine{
    color: white; }
  #DocumentLine:hover  #AllDocumentIcons{
    display: inline; }
  #AllDocumentIcons{
    display: none;
    position: absolute;
    right: 65%;
    top: 100%
  }
  .DocumentIconsLine{
    border: 1px solid #7F9098;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    background-color:#313C40;
    padding: 0px 0px 0px 0px;
    text-align: inherit;
    
        &:hover{
            background-color:white;
        }
    }
  #Document-icon-revert{
    position: absolute;
    left: 250px;
    bottom: 20px;
    }
  #Document-icon-view{
    position: absolute;
    left: 290px;<commit_msg>Fix #308 - icons of documents - css<commit_after>.tab-content {
    .documents {
        height: calc(100% - 10px);
        overflow: auto;

        .document, .document-shifted {
            border-bottom: 1px solid $light-grey1;
            height: 65px;
            overflow: visible;
            padding: 12px 10px 0 0;
            position: relative;

            $icon-width: 30px;
            $icon-padding: 10.7px;
            .icon {
                height: 40px;
                width: $icon-width + 3px;
                float: left;
                margin: 0 10px;
                cursor: pointer;
                @include sprite(-5px, $icon-width, $icon-padding, '/icu/assets/img/attachment-small.png');
            }

            .text {
                float: left;

                .title {
                    .user-name {
                        font-size: 16px;
                        font-weight: 700;
                        line-height: 50px;
                    }
                }
                .time {
                    color: $light-grey4;
                }
            }

            .more {
                float: right;
                color: $light-grey4;
                position: absolute;
                right: 5px;
                top: 50%;
                transform: translate(0, -50%);
                cursor: pointer;
            }

        }

        .document-shifted {
            padding-left: 40px;
        }

    }
}


/*Ohada*/
  #DocumentLine:hover {
    background-color: #313C40; }
  #DocumentLine:hover >  #DocumentTextLine{
    color: white; }
  #DocumentLine:hover  #AllDocumentIcons{
    display: inline-block; }
  #AllDocumentIcons{
    display: none;
    position: relative;
    right: 0;
    vertical-align: middle;
  }
  .DocumentIconsLine{
    border: 1px solid #7F9098;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    background-color:#313C40;
    padding: 0px 0px 0px 0px;
    text-align: inherit;
    
        &:hover{
            background-color:white;
        }
    }
  #Document-icon-revert{
    position: absolute;
    left: 250px;
    bottom: 20px;
    }
  #Document-icon-view{
    position: absolute;
    left: 290px;
{'fraction_non_alphanumeric': 0.10581768208886853, 'fraction_numerical': 0.03733394411360513, 'mean_word_length': 1.1661706349206349, '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': '7587312', 'n_tokens_mistral': 1450, 'n_tokens_neox': 1235, 'n_words': 270}