diff --git a/daily-thought-frontend/src/components/questions/NewQuestionForm.tsx b/daily-thought-frontend/src/components/questions/NewQuestionForm.tsx index 002a3100179a55fe06e95858f838c4f2f8ac069a..8a5dff79f30aad89ac717860b19df6895faeb03e 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 2701c1f03cffccda1ae90e73f20dea20c7582aa2..0bdbe12337823c1f58b875dd0c210385fd7b6f08 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 2e52500f7b4596a242cf69173ddffdd0003cf144..ff3e3662f5e0d36cdf1842a2c5456c8778851d96 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> ) : (