<header class="flex justify-between items-center mb-2">
    <div>
        <i class="icon icon-arrow-left"></i>
        <span>Go to round 1</span>
    </div>
    <div>
        <h3 class="h3">Results for round 2</h3>
    </div>
    <div>
        <span>Go to round 3</span>
        <i class="icon icon-arrow-right"></i>
    </div>
</header>
<section class="table-container">
    <table class="table table-hover w-full">
        <thead>
            <tr>
                <th class="text-left">White</th>
                <th class="text-center">Result</th>
                <th class="text-right">Black</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="text-left">Person A</td>
                <td class="text-center">
                    <select class="select w-auto">
                        <option value="-">-</option>
                        <option value="1-0" selected>1-0</option>
                        <option value="5-5">&frac12;-&frac12;</option>
                        <option value="0-1">0-1</option>
                        <option value="1-0FF">1-0FF</option>
                        <option value="0-1FF">0-1FF</option>
                        <option value="5-5FF">&frac12;-&frac12;FF</option>
                        <option value="0-0FF">0-0FF</option>
                    </select>
                </td>
                <td class="text-right">Person B</td>
            </tr>
            <tr>
                <td class="text-left">Person C</td>
                <td class="text-center">
                    <select class="select w-auto">
                        <option value="-">-</option>
                        <option value="1-0">1-0</option>
                        <option value="5-5" selected>&frac12;-&frac12;</option>
                        <option value="0-1">0-1</option>
                        <option value="1-0FF">1-0FF</option>
                        <option value="0-1FF">0-1FF</option>
                        <option value="5-5FF">&frac12;-&frac12;FF</option>
                        <option value="0-0FF">0-0FF</option>
                    </select>
                </td>
                <td class="text-right">Person D</td>
            </tr>
            <tr>
                <td class="text-left">Person E</td>
                <td class="text-center">
                    <select class="select w-auto">
                        <option value="-">-</option>
                        <option value="1-0">1-0</option>
                        <option value="5-5">&frac12;-&frac12;</option>
                        <option value="0-1" selected>0-1</option>
                        <option value="1-0FF">1-0FF</option>
                        <option value="0-1FF">0-1FF</option>
                        <option value="5-5FF">&frac12;-&frac12;FF</option>
                        <option value="0-0FF">0-0FF</option>
                    </select>
                </td>
                <td class="text-right">Person F</td>
            </tr>
            <tr>
                <td class="text-left">Person G</td>
                <td class="text-center">
                    <select class="select w-auto">
                        <option value="-" selected>-</option>
                        <option value="1-0">1-0</option>
                        <option value="5-5">&frac12;-&frac12;</option>
                        <option value="0-1">0-1</option>
                        <option value="1-0FF">1-0FF</option>
                        <option value="0-1FF">0-1FF</option>
                        <option value="5-5FF">&frac12;-&frac12;FF</option>
                        <option value="0-0FF">0-0FF</option>
                    </select>
                </td>
                <td class="text-right">Person H</td>
            </tr>
        </tbody>
    </table>
</section>
