Bootstrap

HTML

<link rel="stylesheet" href="https://bootswatch.com/_vendor/bootstrap/dist/css/bootstrap.min.css">
<script src="https://bootswatch.com/_vendor/jquery/dist/jquery.min.js"></script>
<script src="https://bootswatch.com/_vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<table class="table table-striped table-sm">
    <thead>
        <tr>
            <th>Project</th>
            <th>Date</th>
            <th>Starting</th>
            <th>Ending</th>
            <th>+/-</th>
            <th>Duration</th>
            <th>Rate</th>
            <th>Total</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td colspan="9">
                <form method="post" action="/edit">
                    <table>
                    <tbody>
                        <tr>
                            <td><input type="text" class="form-control form-control-sm" placeholder="Project"></td>
                            <td><input type="date" class="form-control form-control-sm" ></td>
                            <td><input type="time" class="form-control form-control-sm" ></td>
                            <td><input type="time" class="form-control form-control-sm" ></td>
                            <td><input type="number" step="0.25" class="form-control form-control-sm"></td>
                            <td><input type="number" class="form-control form-control-sm" disabled=""></td>
                            <td>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fas fa-dollar-sign"></i></span>
                                    <input type="number" class="form-control form-control-sm">
                                </div>
                            </td>
                            <td>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fas fa-dollar-sign"></i></span>
                          ...