fix: fix success rate in question-stats-tab

Author: Logannford

src/components/app/questions/resources/question-stats-tab.tsx

@@ -13,24 +13,25 @@ export default function QuestionStatsTab(opts: {
       <h3 className="font-inter font-light text-base md:text-xl">
         Stats for this question
       </h3>
-      <div className="flex flex-col md:flex-row items-start md:items-center gap-2 text-sm text-gray-400">
+      <div className="flex flex-col items-start gap-2 text-sm text-gray-400">
         <div className="flex items-center gap-2">
-          <div className="flex items-center gap-0.5">
+          <div className="flex items-center gap-1">
             <User className="size-4" />
-            <p>Total submissions:</p>
+            <p className="text-lg">Total submissions:</p>
           </div>
-          <p className="font-semibold">{totalSubmissions?.totalSubmissions}</p>
+          <p className="font-semibold text-lg">
+            {totalSubmissions?.totalSubmissions}
+          </p>
+        </div>
+        <div className="flex items-center gap-2">
+          <div className="flex items-center gap-1">
+            <Check className="size-4" />
+            <p className="text-lg">Success rate:</p>
+          </div>
+          <p className="font-semibold text-lg">
+            {totalSubmissions?.percentageCorrect}%
+          </p>
         </div>
-        {totalSubmissions?.percentageCorrect &&
-          totalSubmissions?.percentageCorrect > 0 && (
-            <div className="flex items-center gap-0.5 md:ml-4">
-              <Check className="size-4" />
-              <p>Success rate:</p>
-              <p className="font-semibold">
-                {totalSubmissions?.percentageCorrect}%
-              </p>
-            </div>
-          )}
       </div>
     </div>
   );