From 1346a30b17d081662d067e19d1b933ab8be7355a Mon Sep 17 00:00:00 2001
From: Sainan <63328889+Sainan@users.noreply.github.com>
Date: Fri, 27 Jun 2025 05:19:44 +0200
Subject: [PATCH] fix(webui): apply consistent margins

---
 static/webui/index.html | 74 ++++++++++++++++++++---------------------
 1 file changed, 37 insertions(+), 37 deletions(-)

diff --git a/static/webui/index.html b/static/webui/index.html
index 70ac6843..455ff556 100644
--- a/static/webui/index.html
+++ b/static/webui/index.html
@@ -98,9 +98,9 @@
                         <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
                     </form>
                 </div>
-                <div class="row g-3">
+                <div class="row g-3 mb-3">
                     <div class="col-md-3">
-                        <div class="card mb-3">
+                        <div class="card">
                             <h5 class="card-header" data-loc="currency_RegularCredits"></h5>
                             <div class="card-body">
                                 <p class="card-text" id="RegularCredits-owned"></p>
@@ -112,7 +112,7 @@
                         </div>
                     </div>
                     <div class="col-md-3">
-                        <div class="card mb-3">
+                        <div class="card">
                             <h5 class="card-header" data-loc="currency_PremiumCredits"></h5>
                             <div class="card-body">
                                 <p class="card-text" id="PremiumCredits-owned"></p>
@@ -124,7 +124,7 @@
                         </div>
                     </div>
                     <div class="col-md-3">
-                        <div class="card mb-3">
+                        <div class="card">
                             <h5 class="card-header" data-loc="currency_FusionPoints"></h5>
                             <div class="card-body">
                                 <p class="card-text" id="FusionPoints-owned"></p>
@@ -136,7 +136,7 @@
                         </div>
                     </div>
                     <div class="col-md-3">
-                        <div class="card mb-3">
+                        <div class="card">
                             <h5 class="card-header" data-loc="currency_PrimeTokens"></h5>
                             <div class="card-body">
                                 <p class="card-text" id="PrimeTokens-owned"></p>
@@ -148,9 +148,9 @@
                         </div>
                     </div>
                 </div>
-                <div class="row g-3">
+                <div class="row g-3 mb-3">
                     <div class="col-lg-6">
-                        <div class="card mb-3" style="height: 400px;">
+                        <div class="card" style="height: 400px;">
                             <h5 class="card-header" data-loc="inventory_suits"></h5>
                             <div class="card-body overflow-auto">
                                 <form class="input-group mb-3" onsubmit="doAcquireEquipment('Suits');return false;">
@@ -164,7 +164,7 @@
                         </div>
                     </div>
                     <div class="col-lg-6">
-                        <div class="card mb-3" style="height: 400px;">
+                        <div class="card" style="height: 400px;">
                             <h5 class="card-header" data-loc="inventory_longGuns"></h5>
                             <div class="card-body overflow-auto">
                                 <form class="input-group mb-3" onsubmit="handleModularSelection('LongGuns');return false;">
@@ -183,9 +183,9 @@
                         </div>
                     </div>
                 </div>
-                <div class="row g-3">
+                <div class="row g-3 mb-3">
                     <div class="col-lg-6">
-                        <div class="card mb-3" style="height: 400px;">
+                        <div class="card" style="height: 400px;">
                             <h5 class="card-header" data-loc="inventory_pistols"></h5>
                             <div class="card-body overflow-auto">
                                 <form class="input-group mb-3" onsubmit="handleModularSelection('Pistols');return false;">
@@ -204,7 +204,7 @@
                         </div>
                     </div>
                     <div class="col-lg-6">
-                        <div class="card mb-3" style="height: 400px;">
+                        <div class="card" style="height: 400px;">
                             <h5 class="card-header" data-loc="inventory_melee"></h5>
                             <div class="card-body overflow-auto">
                                 <form class="input-group mb-3" onsubmit="handleModularSelection('Melee');return false;">
@@ -223,9 +223,9 @@
                         </div>
                     </div>
                 </div>
-                <div class="row g-3">
+                <div class="row g-3 mb-3">
                     <div class="col-lg-6">
-                        <div class="card mb-3" style="height: 400px;">
+                        <div class="card" style="height: 400px;">
                             <h5 class="card-header" data-loc="inventory_spaceSuits"></h5>
                             <div class="card-body overflow-auto">
                                 <form class="input-group mb-3" onsubmit="doAcquireEquipment('SpaceSuits');return false;">
@@ -239,7 +239,7 @@
                         </div>
                     </div>
                     <div class="col-lg-6">
-                        <div class="card mb-3" style="height: 400px;">
+                        <div class="card" style="height: 400px;">
                             <h5 class="card-header" data-loc="inventory_spaceGuns"></h5>
                             <div class="card-body overflow-auto">
                                 <form class="input-group mb-3" onsubmit="doAcquireEquipment('SpaceGuns');return false;">
@@ -253,9 +253,9 @@
                         </div>
                     </div>
                 </div>
-                <div class="row g-3">
+                <div class="row g-3 mb-3">
                     <div class="col-lg-6">
-                        <div class="card mb-3" style="height: 400px;">
+                        <div class="card" style="height: 400px;">
                             <h5 class="card-header" data-loc="inventory_spaceMelee"></h5>
                             <div class="card-body overflow-auto">
                                 <form class="input-group mb-3" onsubmit="doAcquireEquipment('SpaceMelee');return false;">
@@ -269,7 +269,7 @@
                         </div>
                     </div>
                     <div class="col-lg-6">
-                        <div class="card mb-3" style="height: 400px;">
+                        <div class="card" style="height: 400px;">
                             <h5 class="card-header" data-loc="inventory_mechSuits"></h5>
                             <div class="card-body overflow-auto">
                                 <form class="input-group mb-3" onsubmit="doAcquireEquipment('MechSuits');return false;">
@@ -283,9 +283,9 @@
                         </div>
                     </div>
                 </div>
-                <div class="row g-3">
+                <div class="row g-3 mb-3">
                     <div class="col-lg-6">
-                        <div class="card mb-3" style="height: 400px;">
+                        <div class="card" style="height: 400px;">
                             <h5 class="card-header" data-loc="inventory_sentinels"></h5>
                             <div class="card-body overflow-auto">
                                 <form class="input-group mb-3" onsubmit="doAcquireEquipment('Sentinels');return false;">
@@ -299,7 +299,7 @@
                         </div>
                     </div>
                     <div class="col-lg-6">
-                        <div class="card mb-3" style="height: 400px;">
+                        <div class="card" style="height: 400px;">
                             <h5 class="card-header" data-loc="inventory_moaPets"></h5>
                             <div class="card-body overflow-auto">
                                 <form class="input-group mb-3" onsubmit="handleModularSelection('MoaPets');return false;">
@@ -325,9 +325,9 @@
                         </div>
                     </div>
                 </div>
-                <div class="row g-3">
+                <div class="row g-3 mb-3">
                     <div class="col-lg-6">
-                        <div class="card mb-3" style="height: 400px;">
+                        <div class="card" style="height: 400px;">
                             <h5 class="card-header" data-loc="inventory_kubrowPets"></h5>
                             <div class="card-body overflow-auto">
                                 <form class="input-group mb-3" onsubmit="handleModularSelection('KubrowPets');return false;">
@@ -349,7 +349,7 @@
                         </div>
                     </div>
                     <div class="col-lg-6">
-                        <div class="card mb-3" style="height: 400px;">
+                        <div class="card" style="height: 400px;">
                             <h5 class="card-header" data-loc="inventory_sentinelWeapons"></h5>
                             <div class="card-body overflow-auto">
                                 <form class="input-group mb-3" onsubmit="doAcquireEquipment('SentinelWeapons');return false;">
@@ -363,9 +363,9 @@
                         </div>
                     </div>
                 </div>
-                <div class="row g-3">
+                <div class="row g-3 mb-3">
                     <div class="col-lg-6">
-                        <div class="card mb-3" style="height: 400px;">
+                        <div class="card" style="height: 400px;">
                             <h5 class="card-header" data-loc="inventory_operatorAmps"></h5>
                             <div class="card-body overflow-auto">
                                 <form class="input-group mb-3" onsubmit="handleModularSelection('OperatorAmps');return false;">
@@ -384,7 +384,7 @@
                         </div>
                     </div>
                     <div class="col-lg-6">
-                        <div class="card mb-3" style="height: 400px;">
+                        <div class="card" style="height: 400px;">
                             <h5 class="card-header" data-loc="inventory_hoverboards"></h5>
                             <div class="card-body overflow-auto">
                                 <form class="input-group mb-3" onsubmit="doAcquireModularEquipment('HoverBoards');return false;">
@@ -401,9 +401,9 @@
                         </div>
                     </div>
                 </div>
-                <div class="row g-3">
+                <div class="row g-3 mb-3">
                     <div class="col-lg-6">
-                        <div class="card mb-3" style="height: 400px;">
+                        <div class="card" style="height: 400px;">
                             <h5 class="card-header" data-loc="inventory_evolutionProgress"></h5>
                             <div class="card-body overflow-auto">
                                 <form class="input-group mb-3" onsubmit="doAcquireEvolution();return false;">
@@ -417,7 +417,7 @@
                         </div>
                     </div>
                     <div class="col-lg-6">
-                        <div class="card mb-3" style="height: 400px;">
+                        <div class="card" style="height: 400px;">
                             <h5 class="card-header" data-loc="inventory_Boosters"></h5>
                             <div class="card-body overflow-auto">
                                 <form class="input-group mb-3" onsubmit="doAcquireBoosters();return false;">
@@ -431,7 +431,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="card mb-3">
+                <div class="card">
                     <h5 class="card-header" data-loc="general_bulkActions"></h5>
                     <div class="card-body">
                         <div class="mb-2 d-flex flex-wrap gap-2">
@@ -458,7 +458,7 @@
             <div id="powersuit-route" data-route="~ /webui/powersuit/(.+)" data-title="Inventory | OpenWF WebUI">
                 <h3 class="mb-0"></h3>
                 <p class="text-body-secondary"></p>
-                <div class="card mb-3">
+                <div class="card">
                     <h5 class="card-header" data-loc="powersuit_archonShardsLabel"></h5>
                     <div class="card-body">
                         <p>
@@ -498,7 +498,7 @@
                                 <a href="riven-tool/" target="_blank" data-loc="mods_fingerprintHelp"></a>
                             </form>
                         </div>
-                        <div class="card mb-3">
+                        <div class="card">
                             <h5 class="card-header" data-loc="mods_rivens"></h5>
                             <div class="card-body">
                                 <table class="table table-hover w-100">
@@ -521,7 +521,7 @@
                                 </table>
                             </div>
                         </div>
-                        <div class="card mb-3">
+                        <div class="card">
                             <h5 class="card-header" data-loc="general_bulkActions"></h5>
                             <div class="card-body d-flex flex-wrap gap-2">
                                 <button class="btn btn-primary" onclick="doAddAllMods();" data-loc="mods_addMissingUnrankedMods"></button>
@@ -535,7 +535,7 @@
             <div data-route="/webui/quests" data-title="Quests | OpenWF WebUI">
                 <div class="row g-3">
                     <div class="col-md-6">
-                        <div class="card mb-3">
+                        <div class="card">
                             <h5 class="card-header" data-loc="quests_list"></h5>
                             <div class="card-body">
                                 <form class="input-group mb-3" onsubmit="doAcquireEquipment('QuestKeys');return false;">
@@ -549,7 +549,7 @@
                         </div>
                     </div>
                     <div class="col-md-6">
-                        <div class="card mb-3">
+                        <div class="card">
                             <h5 class="card-header" data-loc="general_bulkActions"></h5>
                             <div class="card-body">
                                 <div class="d-flex flex-wrap gap-2">
@@ -565,7 +565,7 @@
             <div data-route="/webui/cheats, /webui/settings" data-title="Cheats | OpenWF WebUI">
                 <div class="row g-3">
                     <div class="col-md-6">
-                        <div class="card mb-3">
+                        <div class="card">
                             <h5 class="card-header" data-loc="cheats_server"></h5>
                             <div class="card-body">
                                 <div class="d-none config-admin-hide">
@@ -807,7 +807,7 @@
                                 </form>
                             </div>
                         </div>
-                        <div class="card mb-3 d-none config-admin-show config-form">
+                        <div class="card d-none config-admin-show config-form">
                             <h5 class="card-header" data-loc="worldState"></h5>
                             <div class="card-body">
                                 <div class="form-check">
-- 
2.47.2