Fix annoying LOGIN | SIGNUP not in the middle

danivideda · Dec 1, 2020 · 6ae03d0 · 6ae03d0
1 parent 0a36315
commit 6ae03d0
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 18 deletions.
diff --git a/resources/views/auth/login-student.blade.php b/resources/views/auth/login-student.blade.php
@@ -8,14 +8,14 @@
             <img class="w-5/6 lg:mr-0" src="http://www.pngall.com/wp-content/uploads/5/Learning-PNG-Free-Download.png">
         </div>
         <div class="flex flex-col w-full xl:w-5/12 justify-center overflow-y-hidden">
-            <div class="bg-blue-500 px-4 py-8">
-                <span class="text-black font-extrabold text-center text-3xl inline mx-9"> LOGIN </span>
-                <p class="text-black font-extrabold text-center text-3xl inline mx-9 "> | </p>
-                <a class="text-gray-600 font-extrabold text-center text-3xl inline mx-9" href="{{ route('register.student') }}"> SIGN UP </a>
+            <div class="bg-blue-500 px-4 py-8 flex gap-2">
+                <span class="text-black font-extrabold text-center text-3xl inline mx-auto"> LOGIN </span>
+                <p class="text-black font-extrabold text-center text-3xl inline mx-auto"> | </p>
+                <a class="text-gray-600 font-extrabold text-center text-3xl inline mx-auto" href="{{ route('register.student') }}"> SIGN UP </a>
             </div>
             <div class="bg-white pb-16 pt-5 px-20">
                 <div>
-                    <p class="pt-2 text-black">Currently loging in as <span class="font-bold text-black">Student</span>.</p>
+                    <p class="pt-2 text-black">Currently logging in as <span class="font-bold text-black">Student</span>.</p>
                     <p class="pb-4 text-gray-500 text-sm"> or login as Teacher <a class="underline" href="{{route('login.teacher')}}">here</a></p>
                     @if (session('status'))
                         <div class="bg-red-400 p-4 rounded-lg mb-6 text-white text-center">

diff --git a/resources/views/auth/login-teacher.blade.php b/resources/views/auth/login-teacher.blade.php
@@ -8,14 +8,14 @@
             <img class="w-5/6 lg:mr-0" src="http://www.pngall.com/wp-content/uploads/5/Learning-PNG-Free-Download.png">
         </div>
         <div class="flex flex-col w-full xl:w-5/12 justify-center overflow-y-hidden">
-            <div class="bg-blue-500 px-4 py-8">
-                <span class="text-black font-extrabold text-center text-3xl inline mx-9"> LOGIN </span>
-                <p class="text-black font-extrabold text-center text-3xl inline mx-9 "> | </p>
-                <a class="text-gray-600 font-extrabold text-center text-3xl inline mx-9" href="{{ route('register.teacher') }}"> SIGN UP </a>
+            <div class="bg-blue-500 px-4 py-8 flex gap-2">
+                <span class="text-black font-extrabold text-center text-3xl inline mx-auto"> LOGIN </span>
+                <p class="text-black font-extrabold text-center text-3xl inline mx-auto"> | </p>
+                <a class="text-gray-600 font-extrabold text-center text-3xl inline mx-auto" href="{{ route('register.teacher') }}"> SIGN UP </a>
             </div>
             <div class="bg-white pb-16 pt-5 px-20">
                 <div>
-                    <p class="pt-2 text-black">Currently loging in as <span class="font-bold text-black">Teacher</span>.</p>
+                    <p class="pt-2 text-black">Currently logging in as <span class="font-bold text-black">Teacher</span>.</p>
                     <p class="pb-4 text-gray-500 text-sm"> or login as Student <a class="underline" href="{{route('login.student')}}">here</a></p>
                     @if (session('status'))
                         <div class="bg-red-400 p-4 rounded-lg mb-6 text-white text-center">

diff --git a/resources/views/auth/register-student.blade.php b/resources/views/auth/register-student.blade.php
@@ -7,10 +7,10 @@
                 <img class="w-5/6 lg:mr-0" src="http://www.pngall.com/wp-content/uploads/5/Learning-PNG-Free-Download.png">
             </div>
             <div class="flex flex-col w-full xl:w-5/12 justify-center overflow-y-hidden">
-                <div class="bg-blue-500 px-4 py-8">
-                    <a class="text-gray-600 font-extrabold text-center text-3xl inline mx-9" href="{{ route('login.student') }}"> LOGIN </a>
-                    <p class="text-black font-extrabold text-center text-3xl inline mx-9 "> | </p>
-                    <span class="text-blck font-extrabold text-center text-3xl inline mx-9"> SIGN UP </span>
+                <div class="bg-blue-500 px-4 py-8 flex gap-2">
+                    <a class="text-gray-600 font-extrabold text-center text-3xl inline mx-auto" href="{{ route('login.student') }}"> LOGIN </a>
+                    <p class="text-black font-extrabold text-center text-3xl inline mx-auto"> | </p>
+                    <span class="text-blck font-extrabold text-center text-3xl inline mx-auto"> SIGN UP </span>
                 </div>
                 <div class="bg-white pt-2 pb-8 px-20">
                     <div>

diff --git a/resources/views/auth/register-teacher.blade.php b/resources/views/auth/register-teacher.blade.php
@@ -7,10 +7,10 @@
                 <img class="w-5/6 lg:mr-0" src="http://www.pngall.com/wp-content/uploads/5/Learning-PNG-Free-Download.png">
             </div>
             <div class="flex flex-col w-full xl:w-5/12 justify-center overflow-y-hidden">
-                <div class="bg-blue-500 px-4 py-8">
-                    <a class="text-gray-600 font-extrabold text-center text-3xl inline mx-9" href="{{ route('login.teacher') }}"> LOGIN </a>
-                    <p class="text-black font-extrabold text-center text-3xl inline mx-9 "> | </p>
-                    <span class="text-blck font-extrabold text-center text-3xl inline mx-9"> SIGN UP </span>
+                <div class="bg-blue-500 px-4 py-8 flex gap-2">
+                    <a class="text-gray-600 font-extrabold text-center text-3xl inline mx-auto" href="{{ route('login.teacher') }}"> LOGIN </a>
+                    <p class="text-black font-extrabold text-center text-3xl inline mx-auto"> | </p>
+                    <span class="text-blck font-extrabold text-center text-3xl inline mx-auto"> SIGN UP </span>
                 </div>
                 <div class="bg-white pt-2 pb-8 px-20">
                     <div>