From b0c06d878e4cfdba299dbe07a5209a7dd370dd21 Mon Sep 17 00:00:00 2001
From: khanshanawaz10 <shanawaz.khan@nivesh.com>
Date: Wed, 20 Nov 2024 13:37:51 +0530
Subject: [PATCH] fix - JIRA id 8060, 8058 resolved

---
 index.html | 32 ++++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 6860c9b..4afad72 100644
--- a/index.html
+++ b/index.html
@@ -89,7 +89,17 @@
         font-size: 14px;
         font-weight: 600;
       }
-    
+      .UrlInput { position: relative; }
+    .prefix-label {
+    position: absolute;
+    margin-top: 12px;
+    font-size: 13px;
+    margin-left: 7px;
+}
+    #input-ARN{
+       padding-left:40px;
+       width: 257px;
+    }
       button {
         background: #ffffff;
         height: 40px;
@@ -311,7 +321,12 @@
     @media screen and (max-width: 480px) {
       .campaign-page{
         margin: 10px;
-      }
+      }  #input-ARN{
+       width: 284px;
+    }
+    .prefix-label {
+    margin-top: 10px;
+}
       .side-banner{
         margin-top: 10px;
       }
@@ -1130,8 +1145,8 @@ input[type=number]::-webkit-outer-spin-button {
                           </div>
                           <div data-input-container="true" class="form-field font-scale-4">
                             <div class="lp-form-react__group js-form-group" id="Name-Block">
-                              <label for="Name" class="lp-form-react__label"><span>Name <span class="is-required">*</span></span><input type="text" autocomplete="given-name"pattern="[A-Za-z]"
-                                  class="lp-form-react__input js-input-mapping" id="input-Name" data-url="" maxlength="500" placeholder="Name"
+                              <label for="Name" class="lp-form-react__label"><span>Name <span class="is-required">*</span></span><input type="text" autocomplete="given-name"  onkeydown="return /[a-z]/i.test(event.key)"
+                                autocomplete=false   class="lp-form-react__input js-input-mapping" id="input-Name" data-url="" maxlength="500" placeholder="Name"
                                   name="input-Name" required="" value="" /></label><label for="Name"
                                 class="lp-form-react__error lp-form-react__error--required"><i class="fa fa-exclamation-circle"></i><span>Please
                                   enter your Name</span></label><label for="Name" class="lp-form-react__error lp-form-react__error--invalid"><i
@@ -1177,9 +1192,14 @@ input[type=number]::-webkit-outer-spin-button {
     <div class="arn-class">
       <div data-input-container="true" class="form-field font-scale-4">
         <div class="lp-form-react__group js-form-group" id="ARN-Block">
-          <label for="email" class="lp-form-react__label"><span>ARN Number <span class="is-required">*</span></span><input type="text" autocomplete="given-name"
+          <label for="email" class="lp-form-react__label"><span>ARN Number <span class="is-required">*</span></span>
+            <div class="UrlInput">
+              <label class="prefix-label">ARN-</label>
+            <input type="text" autocomplete="given-name"
               class="lp-form-react__input js-input-mapping" id="input-ARN" data-url="" maxlength="500"
-              placeholder="ARN Number" name="input-ARN" required="" value="" /></label><label for="ARN_No"
+              placeholder="ARN Number" name="input-ARN" required="" value="" />
+              </div>
+            </label><label for="ARN_No"
             class="lp-form-react__error lp-form-react__error--required"><i class="fa fa-exclamation-circle"></i><span>Please
               enter ARN Number</span></label><label for="ARN_No" class="lp-form-react__error lp-form-react__error--invalid"><i
               class="fa fa-exclamation-circle"></i><span>Please enter a valid arn number</span></label>