<commit_before>    .list a {
        position: relative; /* To center the inner image vertically */
        display: flow-root;
        margin: 0;
        border: 2px solid transparent; /* To avoid moving text when adding a border on hover */
        border-bottom: 1px solid #ddd; /* Horizontal separator */
        padding:10px; /*make room around text*/
    }

        .list a + a {
            /* Not for first element */
            border-top: 1px solid transparent;
        }

        .list a:hover {
            text-decoration: none;
            border: 2px solid lightgrey; /* Top, left and right borders when hover */
            border-bottom: 1px solid lightgrey; /* Bottom border when hover, to be combined whith top border of following element */
            background-color: #f1f1f1;
        }

            .list a + a:hover, .list a:hover + a {
                /* Not for first element. Applied if element or previous element is hover. */
                border-top: 1px solid lightgrey;
            }

        .list a:last-of-type:hover {
            /* Only for last element */
            border-bottom: 1px solid lightgrey;
            box-shadow: 0 1px 0 lightgrey; /* To avoid moving text when adding a border on hover */
        }

        .list a img {
            width: 100%;
        }

        .list a h4 {
            display:inline-block;
        }

@media screen and (min-width: 768px) { /*tablet mode*/
    .list a img {
        width: 50%;
        float: right;
        padding-left: 10px;
    }
}<commit_msg>activities list title text over image for mobile<commit_after>    .list a {
        position: relative; /* To center the inner image vertically */
        display: flow-root;
        margin: 0;
        border: 2px solid transparent; /* To avoid moving text when adding a border on hover */
        border-bottom: 1px solid #ddd; /* Horizontal separator */
        padding:10px; /*make room around text*/
    }

        .list a + a {
            /* Not for first element */
            border-top: 1px solid transparent;
        }

        .list a:hover {
            text-decoration: none;
            border: 2px solid lightgrey; /* Top, left and right borders when hover */
            border-bottom: 1px solid lightgrey; /* Bottom border when hover, to be combined whith top border of following element */
            background-color: #f1f1f1;
        }

            .list a + a:hover, .list a:hover + a {
                /* Not for first element. Applied if element or previous element is hover. */
                border-top: 1px solid lightgrey;
            }

        .list a:last-of-type:hover {
            /* Only for last element */
            border-bottom: 1px solid lightgrey;
            box-shadow: 0 1px 0 lightgrey; /* To avoid moving text when adding a border on hover */
        }

        .list a img {
            width: 100%;
            margin-top: -40px;
        }

        .list a h4 {
            display:inline-block;
            position: relative;
            background: #0e71b4;
            color: white;
            padding: 5px;
        }

@media screen and (min-width: 768px) { /*tablet mode*/
    .list a img {
        width: 50%;
        float: right;
        padding-left: 10px;
        margin-top:0;
    }
    .list a h4 {
        background: none;
        color: #0e71b4;
        padding:0;
    }
}
{'fraction_non_alphanumeric': 0.09459060005911912, 'fraction_numerical': 0.020100502512562814, 'mean_word_length': 1.523489932885906, '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': '3007303', 'n_tokens_mistral': 993, 'n_tokens_neox': 905, 'n_words': 340}