refactor: display Refresh and Settings buttons on same line

- Move Refresh RPG Info button into rpg-settings-buttons-row
- Add rpg-btn-half class to both buttons for equal width distribution
- Conserves vertical space in the hamburger menu
- Buttons now display side-by-side with flex layout
This commit is contained in:
Lucas 'Paperboy' Rose-Winters
2025-11-07 00:18:52 +11:00
parent 206fe8a98c
commit f8bad60ec1
+5 -7
View File
@@ -59,14 +59,12 @@
</div>
</div>
<!-- Manual Update Button -->
<button id="rpg-manual-update" class="rpg-btn-primary rpg-manual-update-btn">
<i class="fa-solid fa-sync"></i> Refresh RPG Info
</button>
<!-- Settings Button -->
<!-- Action Buttons Row -->
<div class="rpg-settings-buttons-row">
<button id="rpg-open-settings" class="rpg-btn-settings">
<button id="rpg-manual-update" class="rpg-btn-primary rpg-manual-update-btn rpg-btn-half">
<i class="fa-solid fa-sync"></i> Refresh RPG Info
</button>
<button id="rpg-open-settings" class="rpg-btn-settings rpg-btn-half">
<i class="fa-solid fa-gear"></i> Settings
</button>
</div>