Fix some styling

Author: typeofweb

apps/api/package.json

@@ -15,7 +15,7 @@
 	},
 	"devDependencies": {
 		"@types/ms": "0.7.31",
-		"@types/node": "18.11.16",
+		"@types/node": "18.11.17",
 		"eslint-config-devfaq": "workspace:*",
 		"pino-pretty": "9.1.1",
 		"tsconfig": "workspace:*",

apps/app/package.json

@@ -39,7 +39,7 @@
 		"@storybook/testing-library": "^0.0.13",
 		"@svgr/webpack": "6.5.1",
 		"@tailwindcss/typography": "0.5.8",
-		"@types/node": "18.11.16",
+		"@types/node": "18.11.17",
 		"@types/prismjs": "1.26.0",
 		"@types/react": "18.0.26",
 		"@types/react-dom": "18.0.9",
@@ -60,7 +60,7 @@
 		"tailwindcss": "^3.2.4",
 		"tsconfig": "workspace:*",
 		"typescript": "4.9.4",
-		"vitest": "0.25.8"
+		"vitest": "0.26.0"
 	},
 	"nextBundleAnalysis": {
 		"budget": null,

apps/app/src/components/QuestionsList/QuestionItem/QuestionItem.tsx

@@ -29,7 +29,7 @@ export const QuestionItem = ({
 		<article className="flex bg-white p-5 text-sm text-neutral-500 shadow-md dark:bg-white-dark dark:text-neutral-200">
 			<QuestionVoting questionId={id} votes={votes} voted={voted} onQuestionVote={onQuestionVote} />
 			<QuestionContent source={mdxContent} />
-			<div className="ml-4 flex min-w-max flex-col items-end">
+			<div className="ml-4 mt-2 flex min-w-max flex-col items-end">
 				<QuestionLevel level={level} />
 				<Link href={`/questions/p/${id}`} className="mt-3 text-xs underline">
 					<time dateTime={creationDate.toISOString()}>{format(creationDate)}</time>

apps/app/src/components/QuestionsList/QuestionItem/QuestionVoting.tsx

@@ -39,7 +39,7 @@ export const QuestionVoting = ({
 	return (
 		<button
 			className={twMerge(
-				"mr-4 flex h-fit items-center gap-x-1.5 text-neutral-200 transition-colors",
+				"mr-4 mt-1 flex h-fit items-center gap-x-1.5 text-neutral-200 transition-colors",
 				voted && "text-violet-700 dark:text-violet-300",
 			)}
 			type="button"