From 9a13087b884e95083879f1b5c56c567ed7a9a15b Mon Sep 17 00:00:00 2001
From: tribikram <tribikram@extratechs.com.au>
Date: Fri, 9 Dec 2022 10:55:29 +0545
Subject: [PATCH] [edit] captch design fixed

---
 public/frontend/css/style.css       |  6 ++++++
 resources/views/contact.blade.php   | 25 ++++++++++++-------------
 resources/views/need_chef.blade.php |  9 ++++-----
 3 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/public/frontend/css/style.css b/public/frontend/css/style.css
index d7d6e07..589e170 100644
--- a/public/frontend/css/style.css
+++ b/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;
diff --git a/resources/views/contact.blade.php b/resources/views/contact.blade.php
index 55d6c4a..f962401 100644
--- a/resources/views/contact.blade.php
+++ b/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>
-                            <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="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 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>
-
                     </div>
                     @if ($errors->has('captcha'))
                         <span class="help-block">
diff --git a/resources/views/need_chef.blade.php b/resources/views/need_chef.blade.php
index 2de640d..9d747e5 100644
--- a/resources/views/need_chef.blade.php
+++ b/resources/views/need_chef.blade.php
@@ -68,14 +68,13 @@
                             <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 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 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>
+                                    <!-- 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>