diff --git a/daily-thought-frontend/src/components/user/QuestionCard.tsx b/daily-thought-frontend/src/components/user/QuestionCard.tsx index d23f7832620020c2481e0c7dc164740e7b482dda..e80f4c557fdbb4291bff662ddba20ebde295cbee 100644 --- a/daily-thought-frontend/src/components/user/QuestionCard.tsx +++ b/daily-thought-frontend/src/components/user/QuestionCard.tsx @@ -26,7 +26,7 @@ const QuestionCard: FC<PropsWithChildren<QuestionCardProps>> = ({ </div> </div> - <div className="sm:ml-6 flex-1 rounded-3xl font-white "> + <div className="sm:mx-6 flex-1 rounded-3xl font-white "> <div className=" transform rounded-2xl bg-white p-6 text-left align-middle shadow-xl transition-all m-2"> <div className="text-lg font-medium leading-6 text-gray-900"> <div className="flex justify-center items-center flex-col"> @@ -36,18 +36,18 @@ const QuestionCard: FC<PropsWithChildren<QuestionCardProps>> = ({ </div> </div> </div> - {!posted && ( - <div className="flex justify-center w-full py-2"> - <button - type="button" - className="rounded-md bg-white px-3 py-2 text-sm font-semibold text-c-pink shadow-sm hover:bg-c-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" - onClick={() => action()} - > - Answer - </button> - </div> - )} </div> + {!posted && ( + <div className="flex justify-center w-full py-2"> + <button + type="button" + className="rounded-md bg-white px-3 py-2 text-sm font-semibold text-c-pink shadow-sm hover:bg-c-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" + onClick={() => action()} + > + Answer + </button> + </div> + )} </div> <div></div>