From 5273ce37d34d256c74a9d73de79c33e13807ede7 Mon Sep 17 00:00:00 2001
From: muhammadeko <muhammadekoprasetyo29@gmail.com>
Date: Mon, 16 May 2022 20:41:01 +0700
Subject: [PATCH] change layout on mobile

---
 src/components/pages/Artifacts.tsx | 2 +-
 src/components/pages/GCAuth.tsx    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/pages/Artifacts.tsx b/src/components/pages/Artifacts.tsx
index 2556bd3..3d38570 100644
--- a/src/components/pages/Artifacts.tsx
+++ b/src/components/pages/Artifacts.tsx
@@ -252,7 +252,7 @@ export default function Artifacts() {
                                 {t('sub_stats')}
                             </label>
                             <div
-                                className="mt-1 sm:mt-0 sm:col-span-2 h-48 overflow-auto grid gap-x-10 gap-y-2 grid-cols-2">
+                                className="mt-1 sm:mt-0 sm:col-span-2 h-48 overflow-auto block md:grid md:gap-x-4 md:gap-y-2 md:grid-cols-2">
                                 {Object.keys(affixesValues).map((key, index) => {
                                     return (
                                         <div key={index} className="flex items-center mt-1">
diff --git a/src/components/pages/GCAuth.tsx b/src/components/pages/GCAuth.tsx
index a054bdb..9cb40f6 100644
--- a/src/components/pages/GCAuth.tsx
+++ b/src/components/pages/GCAuth.tsx
@@ -259,7 +259,7 @@ export default function GCAuth() {
                                 className="bg-indigo-600 hover:bg-indigo-500 text-white font-bold py-2 px-4 rounded-md">Check
                         </button>
                     </div>
-                    <div className="grid grid-cols-3 gap-4">
+                    <div className="grid grid-cols-2 gap-2 md:grid-cols-3 md:gap-4 justify-center">
                         <div className="col-span-1">
                             <form className="mt-3 h-full flex flex-col" onSubmit={handleLogin}>
                                 <h3 className="text-lg font-medium text-gray-900 text-center">Login</h3>
@@ -293,7 +293,7 @@ export default function GCAuth() {
                                 </button>
                             </form>
                         </div>
-                        <div className="col-span-1">
+                        <div className="col-span-2 md:col-span-1">
                             <form className="mt-3 h-full flex flex-col" onSubmit={handleChangePassword}>
                                 <h3 className="text-lg font-medium text-gray-900 text-center">Change Password</h3>
                                 <input type="text" placeholder="Username"