From 17d825bc5dfd951d503d29bf29cb9d0dd8205687 Mon Sep 17 00:00:00 2001
From: Ashar Fuadi <fushar@gmail.com>
Date: Fri, 13 Oct 2023 05:29:05 +0700
Subject: [PATCH] Revamp submission details: more compact general info (#524)

---
 .../Programming/SubmissionDetails.jsx             | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/judgels-client/src/components/SubmissionDetails/Programming/SubmissionDetails.jsx b/judgels-client/src/components/SubmissionDetails/Programming/SubmissionDetails.jsx
index 656cf1161..cbfa2ec11 100644
--- a/judgels-client/src/components/SubmissionDetails/Programming/SubmissionDetails.jsx
+++ b/judgels-client/src/components/SubmissionDetails/Programming/SubmissionDetails.jsx
@@ -66,19 +66,20 @@ export function SubmissionDetails({
 
     return (
       <div className="general-info">
-        {grading && <GradingVerdictTag grading={grading} />} {separator} <UserRef profile={profile} />
         {(containerName || problemName) && (
-          <>
-            {' '}
-            {separator} {containerName && <>{containerName} / </>}
+          <h4>
+            {containerName && <>{containerName} / </>}
             {problemName && !!problemUrl ? (
               <Link to={problemUrl}>{constructProblemName(problemName, problemAlias)}</Link>
             ) : (
               constructProblemName(problemName, problemAlias)
             )}
-          </>
-        )}{' '}
-        {separator} {getGradingLanguageName(gradingLanguage)} {separator} <FormattedDate value={time} showSeconds />
+          </h4>
+        )}
+        <p>
+          {grading && <GradingVerdictTag grading={grading} />} {separator} <UserRef profile={profile} />
+          {separator} {getGradingLanguageName(gradingLanguage)} {separator} <FormattedDate value={time} showSeconds />
+        </p>
       </div>
     );
   };