Wrap pages in consistent container styling

Remove Back to List

WebApp/Components/Features/Teams/Assignment.razor

@@ -21,7 +21,7 @@
     </ActionButtons>
 </PageHeader>
 
-<MudPaper Class="pa-4 mt-5">
+<MudPaper Elevation="2" Class="pa-4 mt-4">
     <MudGrid>
         <MudItem Style="width:160px;">
             <MudNumericField @bind-Value="_parameters.TeamSizeLimit"
@@ -117,9 +117,10 @@
     <MudButton Class="ma-3" OnClick="Solve" Variant="Variant.Filled" Color="Color.Primary" Disabled="@_isSolving">Solve</MudButton>
 </MudPaper>
 
-<MudGrid>
-    <MudItem xs="12" lg="8">
-        <MudText Typo="Typo.h4">Students</MudText>
+<MudPaper Elevation="2" Class="pa-4 mt-4">
+    <MudGrid>
+        <MudItem xs="12" lg="8">
+            <MudText Typo="Typo.h5" Class="mb-4">Students</MudText>
 
         <MudTable T="StudentEventStatistics" ServerData="ReloadStatistics" @ref="_statisticData" >
             <ColGroup>
@@ -232,10 +233,10 @@
                 </td></MudTr>
             </ChildRowContent>
         </MudTable>
-    </MudItem>
-    <MudItem xs="12" lg="4">
-        <MudText Typo="Typo.h4">Teams</MudText>
-        <MudTable T="Team" ServerData="SolveAssignments" @ref="_teamData">
+        </MudItem>
+        <MudItem xs="12" lg="4">
+            <MudText Typo="Typo.h5" Class="mb-4">Teams</MudText>
+            <MudTable T="Team" ServerData="SolveAssignments" @ref="_teamData">
             <ColGroup>
                 <col style="width: 200px;" />
                 <col style="width: 40px; white-space:nowrap" />
@@ -287,9 +288,10 @@
             <LoadingContent>
                 <MudText>Loading...</MudText>
             </LoadingContent>
-        </MudTable>
-    </MudItem>
-</MudGrid>
+            </MudTable>
+        </MudItem>
+    </MudGrid>
+</MudPaper>
 
 @if (_hasExistingTeams)
 {