<commit_before>.umb-content-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
   grid-template-rows: auto;
   grid-gap: 15px;
}

.umb-content-grid__item {
   background: @white;
   flex: 0 1 200px;
   cursor: pointer;
   position: relative;
   user-select: none;
   box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
   border-radius: 3px;
}

.umb-content-grid__item {
    &.-selected, &:hover {
        &::before {
            content: "";
            position: absolute;
            z-index: 2;
            top: -2px;
            left: -2px;
            right: -2px;
            bottom: -2px;
            border: 2px solid @ui-selected-border;
            border-radius: 5px;
            box-shadow: 0 0 4px 0 darken(@ui-selected-border, 20), inset 0 0 2px 0 darken(@ui-selected-border, 20);
            pointer-events: none;
            transition: opacity 100ms;
        }
    }
}


.umb-content-grid__item:hover {    
    &::before {
        opacity: .2;
    }
}
.umb-content-grid__item.-selected:hover {    
    &::before {
        opacity: .75;
    }
}


.umb-content-grid__icon-container {
   height: 75px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.umb-content-grid__icon,
.umb-content-grid__icon[class^="icon-"],
.umb-content-grid__icon[class*=" icon-"] {
   font-size: 20px;
   margin-right: 5px;
}

.umb-content-grid__content {
   box-sizing: border-box;
   padding: 15px;
}

.umb-content-grid__item-name {
    position: relative;
    padding: 5px;
    margin: -5px -5px 15px -5px;
   font-weight: bold;
   line-height: 1.4em;
   display: inline-flex;
   
   color: @ui-option-type;
   &:hover, &:focus {
       text-decoration: none;
       color:@ui-option-type-hover;
   }
}

.umb-content-grid__item-name:hover span {
    text-decoration: underline;
}

.umb-content-grid__item-name.-light {
   color: @gray-5;
}

.umb-content-grid__details-list {
   list-style: none;
   margin-bottom: 0;
   margin-left: 0;
   font-size: 12px;
}

.umb-content-grid__details-list.-light {
   color: @gray-5;
}

.umb-content-grid__details-label {
   font-weight: bold;
   display: inline-block;
}

.umb-content-grid__details-value {
   display: inline-block;
   word-break: break-word;
   margin-left: 3px;
}

.umb-content-grid__checkmark {
   position: absolute;
   top: 10px;
   right: 10px;
   border: 2px solid @white;
   width: 26px;
   height: 26px;
   background: @green;
   border-radius: 50px;
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   align-items: center;
   color: @white;
   cursor: pointer;
}

.umb-content-grid__item:hover .umb-content-grid__action:not(.-selected) {
   opacity: 1;
   animation: fadeIn;
   animation-duration: 0.2s;
   animation-timing-function: ease-in-out;
}
<commit_msg>Changed grid view labels and values to display: inline instead of display: inline-block to fix weird line break.<commit_after>.umb-content-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
   grid-template-rows: auto;
   grid-gap: 15px;
}

.umb-content-grid__item {
   background: @white;
   flex: 0 1 200px;
   cursor: pointer;
   position: relative;
   user-select: none;
   box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
   border-radius: 3px;
}

.umb-content-grid__item {
    &.-selected, &:hover {
        &::before {
            content: "";
            position: absolute;
            z-index: 2;
            top: -2px;
            left: -2px;
            right: -2px;
            bottom: -2px;
            border: 2px solid @ui-selected-border;
            border-radius: 5px;
            box-shadow: 0 0 4px 0 darken(@ui-selected-border, 20), inset 0 0 2px 0 darken(@ui-selected-border, 20);
            pointer-events: none;
            transition: opacity 100ms;
        }
    }
}


.umb-content-grid__item:hover {    
    &::before {
        opacity: .2;
    }
}
.umb-content-grid__item.-selected:hover {    
    &::before {
        opacity: .75;
    }
}


.umb-content-grid__icon-container {
   height: 75px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.umb-content-grid__icon,
.umb-content-grid__icon[class^="icon-"],
.umb-content-grid__icon[class*=" icon-"] {
   font-size: 20px;
   margin-right: 5px;
}

.umb-content-grid__content {
   box-sizing: border-box;
   padding: 15px;
}

.umb-content-grid__item-name {
    position: relative;
    padding: 5px;
    margin: -5px -5px 15px -5px;
   font-weight: bold;
   line-height: 1.4em;
   display: inline-flex;
   
   color: @ui-option-type;
   &:hover, &:focus {
       text-decoration: none;
       color:@ui-option-type-hover;
   }
}

.umb-content-grid__item-name:hover span {
    text-decoration: underline;
}

.umb-content-grid__item-name.-light {
   color: @gray-5;
}

.umb-content-grid__details-list {
   list-style: none;
   margin-bottom: 0;
   margin-left: 0;
   font-size: 12px;
}

.umb-content-grid__details-list.-light {
   color: @gray-5;
}

.umb-content-grid__details-label {
   font-weight: bold;
   display: inline;
}

.umb-content-grid__details-value {
   display: inline;
   word-break: break-word;
   margin-left: 3px;
}

.umb-content-grid__checkmark {
   position: absolute;
   top: 10px;
   right: 10px;
   border: 2px solid @white;
   width: 26px;
   height: 26px;
   background: @green;
   border-radius: 50px;
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   align-items: center;
   color: @white;
   cursor: pointer;
}

.umb-content-grid__item:hover .umb-content-grid__action:not(.-selected) {
   opacity: 1;
   animation: fadeIn;
   animation-duration: 0.2s;
   animation-timing-function: ease-in-out;
}

{'fraction_non_alphanumeric': 0.14469283576835065, 'fraction_numerical': 0.029220207709910226, 'mean_word_length': 2.452004860267315, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '6272662', 'n_tokens_mistral': 2204, 'n_tokens_neox': 2063, 'n_words': 415}