From b4e02c760ee1eac155406b0939ad058fdf0e2449 Mon Sep 17 00:00:00 2001
From: Hemna <waboring@hemna.com>
Date: Sun, 10 Sep 2023 12:13:05 -0400
Subject: [PATCH] Center the webchat input form

This patch centers the input form for the webchat page over the
center of the page.
---
 aprsd/web/chat/static/css/chat.css  | 4 ++++
 aprsd/web/chat/templates/index.html | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/aprsd/web/chat/static/css/chat.css b/aprsd/web/chat/static/css/chat.css
index d32cc65..270d682 100644
--- a/aprsd/web/chat/static/css/chat.css
+++ b/aprsd/web/chat/static/css/chat.css
@@ -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;
diff --git a/aprsd/web/chat/templates/index.html b/aprsd/web/chat/templates/index.html
index c255d42..b56f647 100644
--- a/aprsd/web/chat/templates/index.html
+++ b/aprsd/web/chat/templates/index.html
@@ -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>