<div class="container-fluid page" id="inventory">

        <h3 class="mt-2" style="text-align:center;">Inventory Manager</h3>

        <div class="row mb-4 mt-3">

            <div class="col-9 text-left">

                <div class="row">

                    <div class="col-12">

                        <button type="button" class="btn btn-primary me-3">test</button>

                    </div>

                </div>

            </div>

            <div class="col-3">

                <div class="row">

                    <div class="col-4">

                        <div class="form-outline ms-5">

                            <input type="number" id="maxInventoryEntries" class="form-control" value="10" />

                            <label class="form-label" for="maxInventoryEntries">max rows</label>

                        </div>

                    </div>

                    <div class="col-8">

                        <button type="button" class="btn btn-secondary ms-5 me-3">Refresh</button>

                        <button type="button" class="btn btn-secondary ms-1">Filter</button>

                    </div>

                </div>

            </div>

        </div>

        <div class="row gx-1">

            <!-- inventory table -->

            <div id="inventoryTable"></div>

        </div>

    </div>    

​

​