<div style="display:grid;grid-template-columns:300px 1fr;gap:20px;">

<div class="lrm-card">
    <h4>Sub Departments</h4>
    <div id="deptList"></div>
</div>

<div class="lrm-card">

    <input id="search" placeholder="Search investigations..." style="width:100%;padding:10px;margin-bottom:10px;">

    <form id="mapForm">

        <table border="1" width="100%" cellpadding="8">
            <thead>
                <tr>
                    <th></th>
                    <th>Investigation</th>
                    <th>Assigned</th>
                </tr>
            </thead>

            <tbody id="tableBody"></tbody>

        </table>

        <br>

        <select id="deptSelect" style="width:100%;padding:10px"></select>

        <br><br>

        <button type="submit">Apply Mapping</button>

    </form>

</div>

</div>

<script src="../../assets/js/mapLabDepartments.js"></script>