Keep pager centered and move select-all right

ErsatzTV/Shared/MediaCardPager.razor

@@ -44,18 +44,7 @@
             <div style="flex: 1">
                 <MudText Class="d-none d-md-flex">@Query</MudText>
             </div>
-            <div style="display: flex; align-items: center; margin-left: auto; gap: 12px">
+            <div style="display: flex; justify-content: center;">
-                @if (SelectAllOnPage is not null)
-                {
-                    <MudButton Variant="Variant.Filled"
-                               Color="Color.Primary"
-                               Disabled="@(CanSelectAllOnPage?.Invoke() != true)"
-                               StartIcon="@Icons.Material.Filled.SelectAll"
-                               OnClick="@(_ => SelectAllOnPage())">
-                        Select All
-                    </MudButton>
-                }
-                <div>
                 <MudPaper Style="align-items: center; display: flex; justify-content: center;">
                     <MudIconButton Icon="@Icons.Material.Outlined.ChevronLeft"
                                    OnClick="@PrevPage"
@@ -70,7 +59,17 @@
                     </MudIconButton>
                 </MudPaper>
             </div>
-            </div>
+            <div style="flex: 1; display: flex; justify-content: flex-end;">
+                @if (SelectAllOnPage is not null)
+                {
+                    <MudButton Variant="Variant.Filled"
+                               Color="Color.Primary"
+                               Disabled="@(CanSelectAllOnPage?.Invoke() != true)"
+                               StartIcon="@Icons.Material.Filled.SelectAll"
+                               OnClick="@(_ => SelectAllOnPage())">
+                        Select All
+                    </MudButton>
+                }
             </div>
     }
 </div>