From e2bfd05b6b4435c34bf5a64749990149df535ea1 Mon Sep 17 00:00:00 2001
From: Jun Yang Chin <102787073+junyang-chin@users.noreply.github.com>
Date: Mon, 2 Dec 2024 19:49:58 +0400
Subject: [PATCH] swapped button and span element

---
 .../front/pages/courses/content/html/detail.blade.php     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/views/front/pages/courses/content/html/detail.blade.php b/resources/views/front/pages/courses/content/html/detail.blade.php
index 1ee17b22..2ae849c2 100644
--- a/resources/views/front/pages/courses/content/html/detail.blade.php
+++ b/resources/views/front/pages/courses/content/html/detail.blade.php
@@ -41,7 +41,7 @@ class="my-6 w-full overflow-hidden py-8 | md:flex gap-8 justify-between links-bl
                                 @csrf
 
 
-                                <span class="cursor-pointer
+                                <button type="submit" class="cursor-pointer
                     bg-blue bg-opacity-75 hover:bg-opacity-100 rounded-sm
                     border-2 border-transparent
                     justify-center flex items-center
@@ -49,12 +49,12 @@ class="my-6 w-full overflow-hidden py-8 | md:flex gap-8 justify-between links-bl
                     font-sans-bold
                     transition-bg duration-300
                     focus:outline-none focus:border-blue-light no-underline whitespace-nowrap">
-                        <button type="submit" class="truncate"><span class="font-semibold md:hidden">Next: </span> Complete and
-                            Continue</button>
+                        <span class="truncate"><span class="font-semibold md:hidden">Next: </span> Complete and
+                            Continue</span>
                                 <span class="w-1 fill-current text-white ml-1 hidden | md:inline-block">
                             {{ app_svg('icons/far-angle-right') }}
                         </span>
-                            </span>
+                            </button>
                             </form>
                         @endif
                     </div>