mirror of
https://github.com/openfrontio/OpenFrontIO.git
synced 2026-06-21 12:51:30 +00:00
Martin I
070b5060d8
## Description: 1. Swaps the position of the teams text and leaderboard buttons; 2. Edits the text and button margins 3. Fixes spacing bug where because of a "gap-2", if only one leaderboard is open, there's empty space on the left or right of the leaderboard. 4. Small code refactor proposed by code rabbit / icon description Button swap and spacing changes were suggested by: @FloPinguin @ryanbarlow97 ## Please complete the following: - [x] I have added screenshots for all UI updates - [x] I process any text displayed to the user through translateText() and I've added it to the en.json file - [x] I have added relevant tests to the test directory - [x] I confirm I have thoroughly tested these changes and take full responsibility for any bugs introduced *** Screenshots: Before swapping the position and editing the spacing: <img width="242" height="151" alt="image" src="https://github.com/user-attachments/assets/cf196842-b469-45ab-a685-0a5e56b56378" /> After swapping the position and editing the spacing: ✔️ <img width="233" height="149" alt="image" src="https://github.com/user-attachments/assets/c88da4ec-0f23-4670-af5d-fce4124d4936" /> Before swapping the position and editing the spacing without the text: <img width="528" height="398" alt="image" src="https://github.com/user-attachments/assets/e1e31352-31d1-42a4-ad92-a60b0014b779" /> After swapping the position and editing the spacing without the text: ✔️ <img width="514" height="350" alt="image" src="https://github.com/user-attachments/assets/6a1f2391-e2f1-478e-bada-9436b7cb2e13" /> Before fixing the spacing on mobile: <img width="579" height="158" alt="image" src="https://github.com/user-attachments/assets/8d5e225b-6dbd-4a07-afeb-97035000a09d" /> After fixing the spacing on mobile: ✔️ <img width="575" height="134" alt="image" src="https://github.com/user-attachments/assets/f9016060-ac9e-47fc-8886-e3eee6359906" /> Before fixing the leaderboard space issue: <img width="511" height="398" alt="image" src="https://github.com/user-attachments/assets/0fadddcd-2c5f-4caf-b641-c7a3e19a5a14" /> <img width="511" height="398" alt="image" src="https://github.com/user-attachments/assets/2a9a9f7d-e08d-4908-b2d1-f26500c4c602" /> <img width="585" height="204" alt="image" src="https://github.com/user-attachments/assets/9dbb4c51-56ae-4e7a-b603-f49cd1dc2286" /> After fixing the leaderboard space issue: ✔️ <img width="533" height="463" alt="image" src="https://github.com/user-attachments/assets/c0608e83-974a-4950-94cd-896bc7dd7720" /> ##Discord username: martoi *** Signed-off-by: MartinIvovIv <https://github.com/martinIvovIv>