From 118f66b949eb80a0d6da4226a8285334d9228d52 Mon Sep 17 00:00:00 2001
From: Felipe D'Abrantes <felidabrantes@gmail>
Date: Sat, 22 Apr 2023 12:17:48 +0100
Subject: [PATCH] Update style of questions page
---
.../src/components/questions/NewQuestionForm.tsx | 2 +-
.../src/components/questions/QuestionList.tsx | 4 ++--
daily-thought-frontend/src/pages/questions.tsx | 3 ++-
3 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/daily-thought-frontend/src/components/questions/NewQuestionForm.tsx b/daily-thought-frontend/src/components/questions/NewQuestionForm.tsx
index 002a3100..8a5dff79 100644
--- a/daily-thought-frontend/src/components/questions/NewQuestionForm.tsx
+++ b/daily-thought-frontend/src/components/questions/NewQuestionForm.tsx
@@ -37,7 +37,7 @@ const NewQuestionForm: FC<NewQuestionFormProps> = ({
</p>
{/* Question Form */}
- <form className="flex flex-col align-center items-center pt-8 w-4/5 md:3/5" onSubmit={onFormSubmit}>
+ <form className="flex flex-col align-center items-center pt-6 w-4/5 md:3/5" onSubmit={onFormSubmit}>
{/* Text Input */}
<input
type="text"
diff --git a/daily-thought-frontend/src/components/questions/QuestionList.tsx b/daily-thought-frontend/src/components/questions/QuestionList.tsx
index 2701c1f0..0bdbe123 100644
--- a/daily-thought-frontend/src/components/questions/QuestionList.tsx
+++ b/daily-thought-frontend/src/components/questions/QuestionList.tsx
@@ -18,8 +18,8 @@ const QuestionList: FC<QuestionListProps> = ({ questions, onDeleteClick }) => (
key={question.id}
className="flex flex-row items-center justify-between gap-x-6 py-5 px-4"
>
- <p className="text-base font-semibold leading-6 text-gray-900">{question.content}</p>
- <TrashIcon className="shrink-0 h-6 w-6 cursor-pointer" type='button' onClick={() => onDeleteClick(question.id)} />
+ <p className="text-base font leading-6 text-gray-900">{question.content}</p>
+ <TrashIcon className="shrink-0 h-4 w-4 cursor-pointer" color='grey' type='button' onClick={() => onDeleteClick(question.id)} />
</li>
))}
</ul>
diff --git a/daily-thought-frontend/src/pages/questions.tsx b/daily-thought-frontend/src/pages/questions.tsx
index 2e52500f..ff3e3662 100644
--- a/daily-thought-frontend/src/pages/questions.tsx
+++ b/daily-thought-frontend/src/pages/questions.tsx
@@ -96,7 +96,8 @@ const Questions = () => {
{/* List of Questions */}
<div className="flex flex-col items-center w-full shadow-lg h-full pb-4 overflow-auto">
- <h2 className="text-xl font-semibold leading-10 pt-4 text-gray-900">Questions Stored</h2>
+ <h2 className="bg-gray-50 text-xl font-semibold leading-10 py-2 text-gray-900 w-full text-center">Questions Stored</h2>
+
{questions === undefined ? (
<p>Loading...</p>
) : (
--
GitLab