Update round results link placement

Move the results link below group links, style it by result availability, and use the shared LinkButton for the back link so button padding is consistent.

Author: coder13

src/containers/CompetitionRound/CompetitionRound.test.tsx

@@ -57,6 +57,10 @@ jest.mock('react-i18next', () => ({
         return `Round ${options?.roundNumber}`;
       }
 
+      if (key === 'common.activityCodeToName.group') {
+        return `Group ${options?.groupNumber}`;
+      }
+
       return key;
     },
   }),
@@ -89,7 +93,15 @@ const linkedRoundsCompetition = {
           cutoff: null,
           timeLimit: null,
           advancementCondition: null,
-          results: [],
+          results: [
+            {
+              personId: 1,
+              ranking: 1,
+              attempts: [],
+              best: 1000,
+              average: 1200,
+            },
+          ],
         },
         {
           id: '333-r3',
@@ -195,9 +207,29 @@ describe('CompetitionRoundContainer', () => {
   it('links to results for the selected round', () => {
     renderRound('333-r2');
 
-    expect(screen.getByText('See Results')).toHaveAttribute(
-      'href',
-      '/competitions/TestComp2026/results/333-r2',
+    const resultsLink = screen.getByText('See Results');
+
+    expect(resultsLink).toHaveAttribute('href', '/competitions/TestComp2026/results/333-r2');
+    expect(screen.getByText('Group 1').compareDocumentPosition(resultsLink)).toBe(
+      Node.DOCUMENT_POSITION_FOLLOWING,
     );
   });
+
+  it('uses shared button spacing for the back link', () => {
+    renderRound('333-r2');
+
+    expect(screen.getByText('Back To Events')).toHaveClass('btn', 'btn-block');
+  });
+
+  it('shows when the selected round has results', () => {
+    renderRound('333-r2');
+
+    expect(screen.getByText('See Results')).toHaveClass('btn-green');
+  });
+
+  it('shows a neutral results link when the selected round has no results yet', () => {
+    renderRound('333-r3');
+
+    expect(screen.getByText('See Results')).toHaveClass('btn-light');
+  });
 });

src/containers/CompetitionRound/CompetitionRound.tsx

@@ -60,6 +60,7 @@ export function CompetitionRoundContainer({
   const rounds = roundActivies.filter((ra) => toRoundAttemptId(ra.activityCode) === roundId);
   const groups = rounds.flatMap((r) => r.childActivities);
   const uniqueGroupCodes = [...new Set(groups.map((g) => g.activityCode))];
+  const hasResults = (round?.results.length ?? 0) > 0;
 
   return (
     <Container>
@@ -79,14 +80,6 @@ export function CompetitionRoundContainer({
             </p>
           )}
           {round && <CutoffTimeLimitPanel round={round} />}
-          {round && (
-            <LinkButton
-              to={`/competitions/${competitionId}/results/${roundId}`}
-              title={t('competition.results.seeResults')}
-              variant="light"
-              LinkComponent={LinkComponent}
-            />
-          )}
         </div>
       </div>
       <ul className="flex flex-col space-y-2 p-2">
@@ -111,12 +104,22 @@ export function CompetitionRoundContainer({
           );
         })}
       </ul>
+      {round && (
+        <div className="space-y-2 p-2">
+          <LinkButton
+            to={`/competitions/${competitionId}/results/${roundId}`}
+            title={t('competition.results.seeResults')}
+            variant={hasResults ? 'green' : 'light'}
+            LinkComponent={LinkComponent}
+          />
+        </div>
+      )}
       <div className="p-2">
-        <LinkComponent
+        <LinkButton
           to={`/competitions/${competitionId}/events/`}
-          className="my-1 flex w-full flex-row rounded-md border border-primary bg-primary p-2 px-1 hover-transition hover:bg-primary-strong group dark:text-gray-100">
-          {t('competition.groups.backToEvents')}
-        </LinkComponent>
+          title={t('competition.groups.backToEvents')}
+          LinkComponent={LinkComponent}
+        />
       </div>
     </Container>
   );