From 01cd813b578f74eef913e05aff471d048624a429 Mon Sep 17 00:00:00 2001 From: Matt Kirby <MattJKirby@outlook.com> Date: Thu, 20 Apr 2023 18:41:52 +0100 Subject: [PATCH] Centering --- .../src/components/user/QuestionCard.tsx | 24 +++++++++---------- 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/daily-thought-frontend/src/components/user/QuestionCard.tsx b/daily-thought-frontend/src/components/user/QuestionCard.tsx index d23f7832..e80f4c55 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> -- GitLab