Wrap pages in consistent container styling

Remove Back to List

WebApp/Components/Features/Students/EventRanking.razor

@@ -2,7 +2,6 @@
 @attribute [Authorize]
 @using Microsoft.EntityFrameworkCore
 @using WebApp.Models
-@using WebApp.Components.Shared.Components
 @using Core.Validation
 @inject AppDbContext Context
 @inject ValidationService ValidationService
@@ -18,8 +17,10 @@
 }
 else
 {
-
-    <MudTable Items="_students" Hover="true" Breakpoint="Breakpoint.Sm" LoadingProgressColor="Color.Info">
+    <MudStack Spacing="4">
+        <MudPaper Elevation="2" Class="pa-4">
+            <MudText Typo="Typo.h5" Class="mb-4">Students by Rank</MudText>
+            <MudTable Items="_students" Hover="true" Striped="true" Breakpoint="Breakpoint.Sm" LoadingProgressColor="Color.Info">
         <HeaderContent>
 
             <MudTh>Name</MudTh>
@@ -58,10 +59,14 @@ else
                     }
                 </MudTd>
             }
-            
-        </RowTemplate>
-    </MudTable>
-    <MudTable Items="_eventStudentRankings" Hover="true" Breakpoint="Breakpoint.Sm" LoadingProgressColor="Color.Info">
+
+            </RowTemplate>
+            </MudTable>
+        </MudPaper>
+
+        <MudPaper Elevation="2" Class="pa-4">
+            <MudText Typo="Typo.h5" Class="mb-4">Events by Student</MudText>
+            <MudTable Items="_eventStudentRankings" Hover="true" Striped="true" Breakpoint="Breakpoint.Sm" LoadingProgressColor="Color.Info">
         <HeaderContent>
             <MudTh>Event</MudTh>
             <MudTh>Level of Effort</MudTh>
@@ -96,8 +101,10 @@ else
                     }
                 </MudTd>
             }
-        </RowTemplate>
-    </MudTable>
+            </RowTemplate>
+            </MudTable>
+        </MudPaper>
+    </MudStack>
 }
 @code {
     private Student[]? _students;