De homepage toont nu een live top 10 gerangschikt op reputatie: landvlag, clubnaam, manager (of „Vacant” voor een club die nog geclaimd moet worden) en het reputatiegetal zelf. Je hebt geen account nodig om het te zien, het staat gewoon op de pagina die het spel aanprijst.
Een tabel die niet wilde krimpen
De tabel zag er op desktop goed uit en op mobiel kapot uit, naar links verschoven met de laatste kolom er helemaal afgesneden. De CSS van de tabel zelf was het probleem niet. De echte oorzaak zat een niveau hoger: de homepage centreert zijn secties in een flexkolom, en een sectie zonder expliciete breedte past zich aan de inhoud aan in plaats van aan het scherm. De inhoud van de tabel kon niet afbreken, vooral het woord „Reputatie” in de kop, en dwong die sectie breder dan het echte telefoonscherm. De pagina sneed de overloop stilletjes af in plaats van hem te tonen, waardoor het verschoven leek in plaats van duidelijk kapot. Die sectie een expliciete volle breedte geven loste het op, en de tabel nog kleiner maken, door de overbodige rangkolom te laten vallen en „Reputatie” op kleine schermen in te korten tot „Rep.”, zorgde ervoor dat hij nu past zonder dat je hoeft te scrollen.
De knoppen waren er altijd al, alleen niet in beeld
Daarnaast waren de knoppen „Nu gratis spelen” en „Inloggen” op de homepage op mobiel technisch gezien aanwezig, maar zo ver naar beneden dat een bezoeker moest scrollen om erbij te komen. De alinea tekst tussen de ondertitel en de knoppen nam alleen al bijna 240 pixels in beslag. In plaats van die tekst te schrappen is de volgorde omgedraaid: de knoppen staan nu direct onder de ondertitel en de alinea zakt eronder. Alle tekst staat er nog voor wie scrolt, hij staat alleen niet meer tussen een nieuwe bezoeker en de twee knoppen die er echt toe doen.