Untitled

<html>
<style>
    label {
        display: inline-block;
        margin-top: 17px;
        margin-left: 17px;
        width: 100px;
    }

    form {
        position: center;
        margin: 0 auto;
        float: right;
        width: 250px;
        height: 500px;
        background-color: #e1e1e1;
        border-radius: 10px;

    }

    .form-mini {
        position: center;
        justify-content: center;
        display: flex;
        float: right;

        width: 125px;
        height: 50px;
        background-color: #e1e1e1;
        border-radius: 10px;
    }

    .form-container {
        display: flex;
        justify-content: center;
    }

    action-bar {
        margin: 0 auto;
    }
</style>
<head>
    <title>New Node</title>
</head>
<div class="form-container">
    <form action="/newnode" method="post">
        <label>Name</label><input type="text" name="name">
        <label>Site</label>
        <select name="site">
            <option value=26>uz-1</option>
            <option value=8>ru-1.finch</option>
            <option selected value=5>ru-1.os.selectel</option>
        </select>
        <label>Role</label>
        <select name="role">
            <option value=4>api</option>
            <option value=2>cmp</option>
            <option value=33>achtung</option>
            <option value=15>acs</option>
        </select>
        <label>Region</label>
        <select name="region">
            <option value=24>ru-1</option>
            <option value=25>ru-2</option>
            <option value=26>ru-2</option>
            <option selected value=26>ru-3</option>
        </select>
        <label>Zone</label><input type="text" name="zone">
        <label>Size</label>
        <select name="type">
            <option value=1>1U</option>
            <option value=3>2U</option>
            <option value=5>4U</option>
        </select>
        <label>Serial</label><input type="text" name="serial">
        <label>Environment</label>
        <select name="env">
            <option value=3>testing</option>
        </select>
        <label>Status</label>
        <select name="status">
            <option value=2>planned</option>
        </select>
        <label>Hide in inventory</label>
        <select name="hide">
            <option value="true">Yes</option>
            <option value="false">No</option>
        </select>
        <label>Rack</label><input type="text" name="Rack">
        <label>Unit</label><input type="number" name="Unit" min="1" max="32767">
        <label><input type="submit" value="Create new node"></label>
    </form>

    <div class="action-bar">
        <form class="form-mini">
            <label><input type="submit" value="Home"></label>
        </form>
        <form class="form-mini">
            <label><input type="submit" value="New Rack"></label>
        </form>
    </div>
</div>

</div>
</body>
</html>