Revamp submission details: more compact general info (#524)

ia-toki · Oct 12, 2023 · 17d825b · 17d825b
1 parent 5d02f7e
commit 17d825b
Showing 1 changed file with 8 additions and 7 deletions.
diff --git 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>
     );
   };