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