[edit] captch design fixed

public/frontend/css/style.css

@@ -1056,8 +1056,14 @@ Responsive Codes
     background: #FFFFFF;
     padding: 0.5rem;
     display: flex;
+    align-items: center;
     gap: 20px;
 }
+.captch-field input, .captch-field input:focus-visible{
+    border: none;
+    box-shadow: none;
+    outline: none;
+}
 .captch-field p{
     font-weight: 400;
     font-size: 13px;

resources/views/contact.blade.php

@@ -100,20 +100,19 @@
                         @php
                             $code = Str::random(5);
                         @endphp
-                    <div class="captcha-field">
-                        <div>
-                            <label>Enter Your Captcha</label>
+                    <div class="col-md-12">
+                        <label for="">Enter Captcha</label>
+                            <div class="d-flex gap-3">
+                                <div class="captcha-sec">
                                     <input id="captcha" type="text" name = "entered_captcha_code" class="form-control" placeholder="Enter Captcha as Shown" required>
                                     <input type = "hidden" id = "displayed_captcha_code" name = "displayed_captcha_code" value = "{{$code}}"/>
                                 </div>
-                        <div>
-                            <label>Captcha</label>
-                            <div class="captcha-ref">
-                                <input type = "text" id = "captcha_code" readonly class="form-control"  name = "captcha_code" value = "{{$code}}"/>
-                                <button id = "refresh"><i class="fas fa-sync-alt"></i></button>
+                                <div class="captch-field">
+                                    <!-- name = "captcha_code" value = "{{$code}}" -->
+                                    <input type = "text" id="captcha_code" readonly  name = "captcha_code" value = "{{$code}}"/>
+                                    <a id = "refresh"><img src="{{url('frontend/icons/reset-icon.svg')}}" alt=""></a>
                                 </div>
                             </div>
-
                     </div>
                     @if ($errors->has('captcha'))
                         <span class="help-block">

resources/views/need_chef.blade.php

@@ -73,9 +73,8 @@
                                 </div>
                                 <div class="captch-field">
                                     <!-- name = "captcha_code" value = "{{$code}}" -->
-                                <input type = "text" id = "captcha_code" readonly class="form-control"  name = "captcha_code" value = "{{$code}}"/>
-                                    <!-- <img src="{{url('frontend/icons/reset-icon.svg')}}" alt=""> -->
-                                    <button id = "refresh"><i class="fas fa-sync-alt"></i></button>
+                                    <input type = "text" id="captcha_code" readonly  name = "captcha_code" value = "{{$code}}"/>
+                                    <a id = "refresh"><img src="{{url('frontend/icons/reset-icon.svg')}}" alt=""></a>
                                 </div>
                             </div>
                         </div>