From d1b066c37215bdfadace8a2e26db0bb574b87603 Mon Sep 17 00:00:00 2001
From: wonderlandpark <wonderlandpark@outlook.kr>
Date: Thu, 6 May 2021 11:07:53 +0900
Subject: [PATCH] chore: improved mobile design

---
 pages/users/[id].tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/pages/users/[id].tsx b/pages/users/[id].tsx
index 3482a87..cdd0b1c 100644
--- a/pages/users/[id].tsx
+++ b/pages/users/[id].tsx
@@ -56,8 +56,11 @@ const Users: NextPage<UserProps> = ({ user, data, csrfToken, theme }) => {
 				</div>
 				<div className='flex-grow px-5 py-12 w-full text-center lg:w-5/12 lg:text-left'>
 					<div>
-						<h1 className='mt-3 mb-1 text-4xl font-bold'>{data.username}<span className='ml-0.5 text-gray-400 text-4xl font-semibold'>#{data.tag}</span></h1>
-						<div className='badges flex mb-2'>
+						<div className='lg:flex mt-3 mb-1 '>
+							<h1 className='text-4xl font-bold'>{data.username}</h1>
+							<span className='ml-0.5 text-gray-400 text-3xl font-semibold mt-1'>#{data.tag}</span>
+						</div>
+						<div className='badges flex mb-2 justify-center lg:justify-start'>
 							{checkUserFlag(data.flags, 'staff') && (
 								<Tooltip text='한국 디스코드봇 리스트 스탭입니다.' direction='left'>
 									<div className='pr-5 text-koreanbots-blue text-2xl'>