fix: re-align rows and cols correctly

This commit is contained in:
reschan 2022-05-22 20:36:03 +07:00
parent 45b2b99602
commit 2955c13d0d

View file

@ -49,12 +49,11 @@
<a onclick = "toggleIcons()"><img src = "../media/icons/new/reload.png" alt = "" title = "Swap items on page"><b>Swap Icon Style</b></a>
<hr/>
</div>
<div class="my-container">
<div class="col">
<div class="row h-100 gx-lg-5 gy-3 mx-2 mx-lg-0">
<div class="container-fluid me-4" style="max-width: 95%;">
<div class="row h-100 gx-lg-5 gy-3 mx-2 mx-lg-3 py-3">
<div class="col-xl-6">
<div class="row row-cols-1 mb-3">
<div class="col py-3">
<div class="col">
<div class="row row-cols-1 row-cols-xl-2 rounded gy-4 gx-5 justify-content-center">
<div class="col-auto rounded order-xl-0 order-0">
<div class="row h-100 dark-shadow dark-6 rounded" id="helmet-dropdown">
@ -1238,7 +1237,7 @@
<div id="overall-stats" class="col text-nowrap"></div>
</div>
</div>
<div class="col-xl-3 mb-3">
<div class="col-xl-3 mb-3 px-0">
<div class="row row-cols-1 gy-3 mb-4 text-center scaled-font">
<div class = "col">
<div class = "spell-display dark-5 rounded dark-shadow py-2 border border-dark" id="build-melee-statsAvg">melee</div>
@ -1270,8 +1269,8 @@
</div>
</div>
</div>
</div>
<div class="col-12 mx-4" id="masonry-container">
<div class="row mx-2 mx-lg-3">
<div class="col" id="masonry-container">
<div id="helmet-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
</div>
<div id="chestplate-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
@ -1308,6 +1307,8 @@
</div>
<div class = "rounded row g-0 scaled-font float-tooltip border border-3 border-dark p-3" id = "set-info"></div>
</div>
</div>
<div class="row mx-2 mx-lg-3">
<div class="col-12 dark-5 scaled-font">
<footer class="text-center">
<div id="header2">
@ -1320,6 +1321,7 @@
</footer>
</div>
</div>
</div>
<div class="container h-75 mx-0 mx-lg-auto dark-2 border border-4 scaled-font align-self-center" style="position: fixed; z-index: 2; overflow: auto; display: none;" id="search-container">
<div class="row justify-content-end">
<div class="col-auto">