From db5fcec4608fe151bb854be7093f6f628d4cb5ab Mon Sep 17 00:00:00 2001
From: anuragsharma <anurag.s@gmail.com>
Date: Sun, 16 Nov 2025 18:36:05 +0530
Subject: [PATCH 1/2] aligned all items in center

---
 web-backend/src/main/jte/index.jte            | 21 ++++-----
 .../main/resources/templates/index-th.html    | 21 ++++-----
 .../src/main/resources/templates/visitor.html | 47 +++++++++----------
 3 files changed, 43 insertions(+), 46 deletions(-)

diff --git a/web-backend/src/main/jte/index.jte b/web-backend/src/main/jte/index.jte
index ece3db2..a389df8 100644
--- a/web-backend/src/main/jte/index.jte
+++ b/web-backend/src/main/jte/index.jte
@@ -41,12 +41,11 @@
 
                     <!-- Name Field -->
                     <div class="space-y-2">
-                        <label for="name" class="block text-sm font-medium text-gray-700">
+                        <label for="name" class="block text-sm font-medium text-gray-700 flex items-center">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
                             </svg>
-                            Full Name *
-                        </label>
+                            <span class="align-middle">Full Name *</span> </label>
                         <input type="text"
                                id="name"
                                name="name"
@@ -57,11 +56,11 @@
 
                     <!-- Email Field -->
                     <div class="space-y-2">
-                        <label for="email" class="block text-sm font-medium text-gray-700">
+                        <label for="email" class="block text-sm font-medium text-gray-700 **flex items-center**">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
                             </svg>
-                            Email Address *
+                            <span class="align-middle">Email Address *</span>
                         </label>
                         <input type="email"
                                id="email"
@@ -73,11 +72,11 @@
 
                     <!-- Phone Field -->
                     <div class="space-y-2">
-                        <label for="phone" class="block text-sm font-medium text-gray-700">
+                        <label for="phone" class="block text-sm font-medium text-gray-700 **flex items-center**">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
                             </svg>
-                            Phone Number *
+                            <span class="align-middle">Phone Number *</span>
                         </label>
                         <input type="tel"
                                id="phone"
@@ -89,11 +88,11 @@
 
                     <!-- Company Field -->
                     <div class="space-y-2">
-                        <label for="company" class="block text-sm font-medium text-gray-700">
+                        <label for="company" class="block text-sm font-medium text-gray-700 **flex items-center**">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
                             </svg>
-                            Company *
+                            <span class="align-middle">Company *</span>
                         </label>
                         <input type="text"
                                id="company"
@@ -120,11 +119,11 @@
 
                     <!-- Host Dropdown - Full Width -->
                     <div class="md:col-span-2 space-y-2">
-                        <label for="host-search" class="block text-sm font-medium text-gray-700">
+                        <label for="host-search" class="block text-sm font-medium text-gray-700 **flex items-center**">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
                             </svg>
-                            Who are you visiting? *
+                            <span class="align-middle">Who are you visiting? *</span>
                         </label>
                         <div class="relative">
                             <input type="text"
diff --git a/web-backend/src/main/resources/templates/index-th.html b/web-backend/src/main/resources/templates/index-th.html
index 38f0dec..e2ef492 100644
--- a/web-backend/src/main/resources/templates/index-th.html
+++ b/web-backend/src/main/resources/templates/index-th.html
@@ -29,12 +29,11 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
 
                     <!-- Name Field -->
                     <div class="space-y-2">
-                        <label for="name" class="block text-sm font-medium text-gray-700">
+                        <label for="name" class="block text-sm font-medium text-gray-700 flex items-center">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
                             </svg>
-                            Full Name *
-                        </label>
+                            <span class="align-middle">Full Name *</span> </label>
                         <input type="text"
                                id="name"
                                name="name"
@@ -46,11 +45,11 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
 
                     <!-- Email Field -->
                     <div class="space-y-2">
-                        <label for="email" class="block text-sm font-medium text-gray-700">
+                        <label for="email" class="block text-sm font-medium text-gray-700 **flex items-center**">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
                             </svg>
-                            Email Address *
+                            <span class="align-middle">Email Address *</span>
                         </label>
                         <input type="email"
                                id="email"
@@ -63,11 +62,11 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
 
                     <!-- Phone Field -->
                     <div class="space-y-2">
-                        <label for="phone" class="block text-sm font-medium text-gray-700">
+                        <label for="phone" class="block text-sm font-medium text-gray-700 **flex items-center**">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
                             </svg>
-                            Phone Number *
+                            <span class="align-middle">Phone Number *</span>
                         </label>
                         <input type="tel"
                                id="phone"
@@ -80,11 +79,11 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
 
                     <!-- Company Field -->
                     <div class="space-y-2">
-                        <label for="company" class="block text-sm font-medium text-gray-700">
+                        <label for="company" class="block text-sm font-medium text-gray-700 **flex items-center**">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
                             </svg>
-                            Company *
+                            <span class="align-middle">Company *</span>
                         </label>
                         <input type="text"
                                id="company"
@@ -97,11 +96,11 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
 
                     <!-- Host Dropdown - Full Width -->
                     <div class="md:col-span-2 space-y-2">
-                        <label for="host-search" class="block text-sm font-medium text-gray-700">
+                        <label for="host-search" class="block text-sm font-medium text-gray-700 **flex items-center**">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
                             </svg>
-                            Who are you visiting? *
+                            <span class="align-middle">Who are you visiting? *</span>
                         </label>
                         <div class="relative">
                             <input type="text"
diff --git a/web-backend/src/main/resources/templates/visitor.html b/web-backend/src/main/resources/templates/visitor.html
index 9f4bcf5..1254f4f 100644
--- a/web-backend/src/main/resources/templates/visitor.html
+++ b/web-backend/src/main/resources/templates/visitor.html
@@ -24,15 +24,14 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
                         
                         <!-- Name Field -->
                         <div class="space-y-2">
-                            <label for="name" class="block text-sm font-medium text-gray-700">
+                            <label for="name" class="block text-sm font-medium text-gray-700 flex items-center">
                                 <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
                                 </svg>
-                                Full Name *
-                            </label>
-                            <input type="text" 
-                                   id="name" 
-                                   name="name" 
+                                <span class="align-middle">Full Name *</span> </label>
+                            <input type="text"
+                                   id="name"
+                                   name="name"
                                    required
                                    class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
                                    placeholder="Enter your full name">
@@ -40,15 +39,15 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
 
                         <!-- Email Field -->
                         <div class="space-y-2">
-                            <label for="email" class="block text-sm font-medium text-gray-700">
+                            <label for="email" class="block text-sm font-medium text-gray-700 **flex items-center**">
                                 <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
                                 </svg>
-                                Email Address *
+                                <span class="align-middle">Email Address *</span>
                             </label>
-                            <input type="email" 
-                                   id="email" 
-                                   name="email" 
+                            <input type="email"
+                                   id="email"
+                                   name="email"
                                    required
                                    class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
                                    placeholder="Enter your email address">
@@ -56,14 +55,14 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
 
                         <!-- Phone Field -->
                         <div class="space-y-2">
-                            <label for="phone" class="block text-sm font-medium text-gray-700">
+                            <label for="phone" class="block text-sm font-medium text-gray-700 **flex items-center**">
                                 <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
                                 </svg>
-                                Phone Number *
+                                <span class="align-middle">Phone Number *</span>
                             </label>
-                            <input type="tel" 
-                                   id="phone" 
+                            <input type="tel"
+                                   id="phone"
                                    name="phoneNumber"
                                    required
                                    class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
@@ -72,15 +71,15 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
 
                         <!-- Company Field -->
                         <div class="space-y-2">
-                            <label for="company" class="block text-sm font-medium text-gray-700">
+                            <label for="company" class="block text-sm font-medium text-gray-700 **flex items-center**">
                                 <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
                                 </svg>
-                                Company *
+                                <span class="align-middle">Company *</span>
                             </label>
-                            <input type="text" 
-                                   id="company" 
-                                   name="company" 
+                            <input type="text"
+                                   id="company"
+                                   name="company"
                                    required
                                    class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
                                    placeholder="Enter your company name">
@@ -88,15 +87,15 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
 
                         <!-- Host Dropdown - Full Width -->
                         <div class="md:col-span-2 space-y-2">
-                            <label for="host-search" class="block text-sm font-medium text-gray-700">
+                            <label for="host-search" class="block text-sm font-medium text-gray-700 **flex items-center**">
                                 <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
                                 </svg>
-                                Who are you visiting? *
+                                <span class="align-middle">Who are you visiting? *</span>
                             </label>
                             <div class="relative">
-                                <input type="text" 
-                                       id="host-search" 
+                                <input type="text"
+                                       id="host-search"
                                        name="hostSearch"
                                        autocomplete="off"
                                        class="w-full px-4 py-3 pr-10 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"

From c660566d0a3de57172417dd820dc77c8e2e59e9c Mon Sep 17 00:00:00 2001
From: anuragsharma <anurag.s@gmail.com>
Date: Mon, 17 Nov 2025 12:38:32 +0530
Subject: [PATCH 2/2] aligned all items in center

---
 web-backend/src/main/jte/index.jte            | 21 +++++++------------
 .../main/resources/templates/index-th.html    | 13 ++++++------
 .../src/main/resources/templates/visitor.html | 15 ++++++-------
 3 files changed, 21 insertions(+), 28 deletions(-)

diff --git a/web-backend/src/main/jte/index.jte b/web-backend/src/main/jte/index.jte
index a389df8..e3e4ea8 100644
--- a/web-backend/src/main/jte/index.jte
+++ b/web-backend/src/main/jte/index.jte
@@ -39,13 +39,13 @@
                 <!-- Two Column Grid for Tablet/Desktop -->
                 <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
 
-                    <!-- Name Field -->
                     <div class="space-y-2">
                         <label for="name" class="block text-sm font-medium text-gray-700 flex items-center">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
                             </svg>
-                            <span class="align-middle">Full Name *</span> </label>
+                            <span class="align-middle">Full Name *</span>
+                        </label>
                         <input type="text"
                                id="name"
                                name="name"
@@ -54,9 +54,8 @@
                                placeholder="Enter your full name">
                     </div>
 
-                    <!-- Email Field -->
                     <div class="space-y-2">
-                        <label for="email" class="block text-sm font-medium text-gray-700 **flex items-center**">
+                        <label for="email" class="block text-sm font-medium text-gray-700 flex items-center">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
                             </svg>
@@ -70,9 +69,8 @@
                                placeholder="Enter your email address">
                     </div>
 
-                    <!-- Phone Field -->
                     <div class="space-y-2">
-                        <label for="phone" class="block text-sm font-medium text-gray-700 **flex items-center**">
+                        <label for="phone" class="block text-sm font-medium text-gray-700 flex items-center">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
                             </svg>
@@ -86,9 +84,8 @@
                                placeholder="Enter your phone number">
                     </div>
 
-                    <!-- Company Field -->
                     <div class="space-y-2">
-                        <label for="company" class="block text-sm font-medium text-gray-700 **flex items-center**">
+                        <label for="company" class="block text-sm font-medium text-gray-700 flex items-center">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
                             </svg>
@@ -102,13 +99,12 @@
                                placeholder="Enter your company name">
                     </div>
 
-                    <!-- Laptop Number Field -->
                     <div class="space-y-2">
-                        <label for="laptop" class="block text-sm font-medium text-gray-700">
+                        <label for="laptop" class="block text-sm font-medium text-gray-700 flex items-center">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
                             </svg>
-                            Laptop Number
+                            <span class="align-middle">Laptop Number</span>
                         </label>
                         <input type="text"
                                id="laptop"
@@ -117,9 +113,8 @@
                                placeholder="Enter your laptop number (optional)">
                     </div>
 
-                    <!-- Host Dropdown - Full Width -->
                     <div class="md:col-span-2 space-y-2">
-                        <label for="host-search" class="block text-sm font-medium text-gray-700 **flex items-center**">
+                        <label for="host-search" class="block text-sm font-medium text-gray-700 flex items-center">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
                             </svg>
diff --git a/web-backend/src/main/resources/templates/index-th.html b/web-backend/src/main/resources/templates/index-th.html
index e2ef492..09d495a 100644
--- a/web-backend/src/main/resources/templates/index-th.html
+++ b/web-backend/src/main/resources/templates/index-th.html
@@ -33,7 +33,8 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
                             </svg>
-                            <span class="align-middle">Full Name *</span> </label>
+                            <span class="align-middle">Full Name *</span>
+                        </label>
                         <input type="text"
                                id="name"
                                name="name"
@@ -45,7 +46,7 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
 
                     <!-- Email Field -->
                     <div class="space-y-2">
-                        <label for="email" class="block text-sm font-medium text-gray-700 **flex items-center**">
+                        <label for="email" class="block text-sm font-medium text-gray-700 flex items-center">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
                             </svg>
@@ -62,7 +63,7 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
 
                     <!-- Phone Field -->
                     <div class="space-y-2">
-                        <label for="phone" class="block text-sm font-medium text-gray-700 **flex items-center**">
+                        <label for="phone" class="block text-sm font-medium text-gray-700 flex items-center">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
                             </svg>
@@ -79,7 +80,7 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
 
                     <!-- Company Field -->
                     <div class="space-y-2">
-                        <label for="company" class="block text-sm font-medium text-gray-700 **flex items-center**">
+                        <label for="company" class="block text-sm font-medium text-gray-700 flex items-center">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
                             </svg>
@@ -94,9 +95,9 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
                                placeholder="Enter your company name">
                     </div>
 
-                    <!-- Host Dropdown - Full Width -->
+                    <!-- Dropdown Field -->
                     <div class="md:col-span-2 space-y-2">
-                        <label for="host-search" class="block text-sm font-medium text-gray-700 **flex items-center**">
+                        <label for="host-search" class="block text-sm font-medium text-gray-700 flex items-center">
                             <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
                             </svg>
diff --git a/web-backend/src/main/resources/templates/visitor.html b/web-backend/src/main/resources/templates/visitor.html
index 1254f4f..4ebb6f0 100644
--- a/web-backend/src/main/resources/templates/visitor.html
+++ b/web-backend/src/main/resources/templates/visitor.html
@@ -28,7 +28,8 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
                                 <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
                                 </svg>
-                                <span class="align-middle">Full Name *</span> </label>
+                                <span class="align-middle">Full Name *</span>
+                            </label>
                             <input type="text"
                                    id="name"
                                    name="name"
@@ -37,9 +38,8 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
                                    placeholder="Enter your full name">
                         </div>
 
-                        <!-- Email Field -->
                         <div class="space-y-2">
-                            <label for="email" class="block text-sm font-medium text-gray-700 **flex items-center**">
+                            <label for="email" class="block text-sm font-medium text-gray-700 flex items-center">
                                 <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
                                 </svg>
@@ -53,9 +53,8 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
                                    placeholder="Enter your email address">
                         </div>
 
-                        <!-- Phone Field -->
                         <div class="space-y-2">
-                            <label for="phone" class="block text-sm font-medium text-gray-700 **flex items-center**">
+                            <label for="phone" class="block text-sm font-medium text-gray-700 flex items-center">
                                 <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
                                 </svg>
@@ -69,9 +68,8 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
                                    placeholder="Enter your phone number">
                         </div>
 
-                        <!-- Company Field -->
                         <div class="space-y-2">
-                            <label for="company" class="block text-sm font-medium text-gray-700 **flex items-center**">
+                            <label for="company" class="block text-sm font-medium text-gray-700 flex items-center">
                                 <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
                                 </svg>
@@ -85,9 +83,8 @@ <h1 class="text-3xl font-bold text-gray-800 mb-2">Visitor Check-in</h1>
                                    placeholder="Enter your company name">
                         </div>
 
-                        <!-- Host Dropdown - Full Width -->
                         <div class="md:col-span-2 space-y-2">
-                            <label for="host-search" class="block text-sm font-medium text-gray-700 **flex items-center**">
+                            <label for="host-search" class="block text-sm font-medium text-gray-700 flex items-center">
                                 <svg class="inline w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
                                 </svg>