From 9e2ad8a92a10418099d92039af791d541564cc80 Mon Sep 17 00:00:00 2001
From: Squarecat-meow <yozumina@serafuku.moe>
Date: Sat, 21 Dec 2024 18:32:34 +0900
Subject: [PATCH 1/3] =?UTF-8?q?=F0=9F=90=9B=20=EC=95=8C=EB=A6=BC=EC=B0=BD?=
 =?UTF-8?q?=20=EB=AA=A8=EB=8B=AC=EC=97=90=20=EB=A7=81=ED=81=AC=20=EC=82=90?=
 =?UTF-8?q?=EC=A0=B8=EB=82=98=EC=98=A4=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20?=
 =?UTF-8?q?=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/_components/notification.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/_components/notification.tsx b/src/app/_components/notification.tsx
index 2186604..8ab655d 100644
--- a/src/app/_components/notification.tsx
+++ b/src/app/_components/notification.tsx
@@ -38,8 +38,8 @@ export default function Notification() {
                 replace
               >
                 <div className={`flex flex-col ${isRead && 'text-slate-500 dark:text-slate-400'}`}>
-                  <span className="font-thin italic ">&quot;{noti.data?.question}&quot;</span>
-                  <p>{noti.data?.answer}</p>
+                  <span className="font-thin italic break-all">&quot;{noti.data?.question}&quot;</span>
+                  <p className="break-all">{noti.data?.answer}</p>
                 </div>
               </Link>
             </div>

From 23bc9bcc2fbfd6954802322f6939e6e73d8057b8 Mon Sep 17 00:00:00 2001
From: Squarecat-meow <yozumina@serafuku.moe>
Date: Sat, 21 Dec 2024 18:51:36 +0900
Subject: [PATCH 2/3] =?UTF-8?q?=F0=9F=92=84=20Question=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EB=A0=88=EC=9D=B4=EC=95=84?=
 =?UTF-8?q?=EC=9B=83=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/_components/question.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/_components/question.tsx b/src/app/_components/question.tsx
index bf29443..ae6d7eb 100644
--- a/src/app/_components/question.tsx
+++ b/src/app/_components/question.tsx
@@ -170,8 +170,8 @@ export default function Question({
           </span>
         </div>
       </div>
-      <div className="text-2xl chat chat-end">
-        <div className="chat-bubble bg-green-600 text-slate-300 dark:text-slate-200">
+      <div className="flex justify-end px-2 text-2xl chat chat-end">
+        <div className="chat-bubble px-2 desktop:px-4 bg-green-600 text-slate-300 dark:text-slate-200">
           <form onSubmit={handleSubmit(onSubmit)} className="flex flex-col gap-2 py-2">
             {errors.answer && errors.answer.type === 'answerOnlyWhiteSpace' && (
               <div className="tooltip tooltip-open tooltip-error transition-opacity" data-tip={errors.answer.message} />
@@ -187,7 +187,7 @@ export default function Question({
             />
 
             <div className="w-full flex flex-col gap-3 desktop:flex-row justify-between items-center">
-              <div className="flex gap-6 mb-2 desktop:mb-0">
+              <div className="flex gap-6">
                 <div className="flex gap-2 items-center text-xl">
                   <input
                     type="checkbox"
@@ -195,7 +195,7 @@ export default function Question({
                     onClick={() => setValue('nsfw', !nsfwedAnswer)}
                   />
                   <input type="hidden" {...register('nsfw')} />
-                  <span className="text-sm desktop:text-xl">NSFW로 체크</span>
+                  <span className="w-full text-sm desktop:text-xl">NSFW로 체크</span>
                 </div>
                 <select {...register('visibility')} className="select select-ghost select-sm dark:shadow">
                   <option className={'hidden'} value={undefined}>
@@ -209,7 +209,7 @@ export default function Question({
               <div className="w-full desktop:w-fit flex justify-center">
                 <button
                   type={'submit'}
-                  className="btn btn-outline dark:border-white dark:text-slate-200 btn-sm h-10 w-16 desktop:btn-md"
+                  className="btn btn-outline dark:border-white dark:text-slate-200 btn-block h-10 desktop:btn-md "
                 >
                   답변
                 </button>

From 115441d4f68ee4f6f40756477ff72c0e9015698f Mon Sep 17 00:00:00 2001
From: Squarecat-meow <yozumina@serafuku.moe>
Date: Sat, 21 Dec 2024 18:56:10 +0900
Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=92=84=20=EB=8B=B5=EB=B3=80=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=ED=81=AC=EA=B8=B0=20=EC=9B=90=EB=9E=98?=
 =?UTF-8?q?=EB=8C=80=EB=A1=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/_components/question.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/app/_components/question.tsx b/src/app/_components/question.tsx
index ae6d7eb..e75c129 100644
--- a/src/app/_components/question.tsx
+++ b/src/app/_components/question.tsx
@@ -207,10 +207,7 @@ export default function Question({
                 </select>
               </div>
               <div className="w-full desktop:w-fit flex justify-center">
-                <button
-                  type={'submit'}
-                  className="btn btn-outline dark:border-white dark:text-slate-200 btn-block h-10 desktop:btn-md "
-                >
+                <button type={'submit'} className="btn btn-outline dark:border-white dark:text-slate-200 h-10 btn-md ">
                   답변
                 </button>
               </div>