JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
    <table>
        <tr>
            <th>Nr.</th>
            <th style="width: 200px">Task</th>
            <th>Progresas</th>
            <th></th>
        </tr>
        <tr>
            <td>1</td>
            <td>Air port scedules</td>
            <td>0/3</td>
            <td>
                <button onclick="showDiv()">Expand</button>
            </td>
        </tr>
    </table>
</div>
<div id="popup" class="popupbox">
        <table class="block">
            <tbody>
            <tr>
                <td></td>
                <form>
                    <td>XML</td>
                    <td>
                        <span>Comment</span><br>
                        <textarea></textarea>
                    </td>
                    <td>
                        <span>Deadline</span>
                        <input type="date" value="2017-08-24">
                    </td>
                    <td>Done:<input type="checkbox"></td>
                    <td><input type="submit" value="Apply"></td>
                </form>
            </tr>
            <tr>
                <td></td>
                <form>
                    <td>Scedules</td>
                    <td>
                        <span>Comment</span><br>
                        <textarea></textarea>
                    </td>
                    <td><span>Deadline</span>
                        <input type="date" value="2017-08-10">
                    </td>
                    <td>Done:<input type="checkbox"></td>
                    <td><input type="submit" value="Apply"></td>
                </form>
            </tr>
            <tr>
                <td></td>
                <form>
                    <td>Infobox</td>
                    <td>
                        <span>Comment</span><br>
                        <textarea></textarea>
                    </td>
                    <td><span>Deadline</span>
                        <input type="date" value="2017-08-14">
                   ...

CSS

th, td {
    padding: 3px 5px 3px 5px;
}
.block {
    width: 500px;
    height: 70px;
    border: 1px solid black;
    margin: 0px auto;
}
.popupbox {
    display: none;
    margin: 5px auto;
    width: 500px;
    height: 600px;
}
div#popup {
    margin: 1px auto;
}
textarea {
    width: 100px;
    height: 20px;
}
button {
    width: 80px;
    margin: 0px auto;
}