JSFiddle - React, Tailwind, and code Playground

by matox

HTML

<div class="item" idse="2116082">
    <div class="ico"></div>
    <div class="ID">2237</div>
    <div class="Time"><span>00:00</span><span>06 Dec</span>
    </div>
    <div class="Event"><span>Test</span><span>Test</span>
    </div>
    <div class="stats">Stats</div>
    <div class="more">+ 3</div>
    <div class="odds">
        <div class="odd r1 c1 g1" id="td_448023666">
            <div title="Home">Home</div>
            <div>1/2</div>
            <div class="hnd"></div>
        </div>
        <div class="odd r1 c2 g1" id="td_448023667">
            <div title="Draw">Draw</div>
            <div>7/2</div>
            <div class="hnd"></div>
        </div>
        <div class="odd r1 c3 g1" id="td_448023668">
            <div title="Away">Away</div>
            <div>9/2</div>
            <div class="hnd"></div>
        </div>
        <div class="sepOdds"></div>
        <div class="endOdds"></div>
    </div>
</div>

CSS

item * {
    display: inline;
    width: auto;
}
.more {
    background: red;
    display: block;
}

JavaScript

$('document').load(function () {
    if (!$('.item').children('.stats').length) {
        var more = $('.item').children('.more');
        var more_width = more.width();
        more.css('width', width + '132px');
    }
});