Center the webchat input form

This patch centers the input form for the webchat page over the
center of the page.
This commit is contained in:
Hemna 2023-09-10 12:13:05 -04:00
parent ba6b410795
commit b4e02c760e
2 changed files with 6 additions and 2 deletions

View File

@ -1,3 +1,7 @@
input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: searchfield-cancel-button;
}
.speech-wrapper {
padding: 5px 30px;
border: 1px solid #ccc;

View File

@ -68,10 +68,10 @@
</div>
</div>
<div class="row">
<form class="row gx-3 gy-2 align-items-center" id="sendform" name="sendmsg" action="">
<form class="row gx-1 gy-1 justify-content-center align-items-center" id="sendform" name="sendmsg" action="">
<div class="col-sm-3">
<label for="to_call" class="visually-hidden">Callsign</label>
<input type="text" class="form-control mb-2 mr-sm-2" name="to_call" id="to_call" placeholder="To Callsign" size="11" maxlength="9">
<input type="search" class="form-control mb-2 mr-sm-2" name="to_call" id="to_call" placeholder="To Callsign" size="11" maxlength="9">
</div>
<div class="col-sm-3">
<label for="message" class="visually-hidden">Message</label>