Use display grid to arrange form

This commit is contained in:
2026-05-06 13:55:17 +02:00
parent dc9fd1d14b
commit 82ac843c03

View File

@@ -49,9 +49,10 @@
background-color: #f5f5f5;
}
.go-form-table tr {
background-color: #ffffff !important;
border: none;
.go-form-grid {
display: grid;
grid-template-columns: auto auto;
column-gap: 16px;
}
</style>
@@ -61,21 +62,21 @@
<input type="hidden" name="action" value="go_form_submit">
<input type="hidden" name="form_id" value="<?php echo esc_attr($form_id); ?>">
<table class="go-form-table">
<tbody>
<tr>
<td>
<div class="go-form-grid">
<div>
<label for="first_name">First Name*:</label><input type="text" name="first_name" id="first_name" required>
</td>
<td>
</div>
<div>
<label for="last_name">Last Name*:</label><input type="text" name="last_name" id="last_name" required>
</td>
</tr>
<tr>
<td>
</div>
<div>
<button type="button" id="egd-search" class="button">Search EGD</button>
</td>
<td>
</div>
<div>
<label for="rank">Rank:</label>
<select name="rank" id="rank">
<?php
@@ -84,26 +85,24 @@
}
?>
</select>
</td>
</tr>
<tr>
<td>
</div>
<div>
<label for="country">Country:</label><input type="text" name="country" id="country">
</td>
<td>
</div>
<div>
<label for="club">Club:</label><input type="text" name="club" id="club">
</td>
</tr>
<tr>
<td>
</div>
<div>
<label for="egd_number">EGD Number:</label><input type="text" name="egd_number" id="egd_number">
</td>
<td>
</div>
<div>
<label for="email">Email:</label><input type="email" name="email" id="email">
</td>
</tr>
</tbody>
</table>
</div>
</div>
<label for="comment">Comment</label>