fix: table style and empty scoreboard page

client/pages/ScoresPage.tsx

@@ -50,6 +50,7 @@ export const ScoresPage = () => {
             <Header />
             <main class="page-scores">
                 <div class="subtitle">Classifica</div>
+                {orderedStats.length > 0 ? (
                     <div class="scrollable">
                         <div class="table">
                             <div class="cell header">
@@ -99,6 +100,11 @@ export const ScoresPage = () => {
                             ))}
                         </div>
                     </div>
+                ) : (
+                    <>
+                        <p>Nessuno ha ancora inviato soluzioni</p>
+                    </>
+                )}
             </main>
         </>
     )

client/styles/main.scss

@@ -290,7 +290,6 @@ $heading-scale: 1.25;
         flex-direction: column;
         width: 100%;
     }
-
 }
 
 .text-body {
@@ -479,9 +478,11 @@ main.page-scores {
         &:first-child {
             border-top-left-radius: 0.5rem;
         }
+
         &:last-child {
-            border-top-left-radius: 0.5rem;
+            border-bottom-right-radius: 0.5rem;
         }
+
         &.last-col {
             border-right: none;
         }