chore: ui fixes

CaddyManager/Components/Layout/MainLayout.razor

@@ -19,7 +19,7 @@
             <MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Inherit" Href="https://pikachu-gitea.duydao.org/ebolo/CaddyManager" Target="_blank" />
         </MudAppBar>
         <NavigationDrawer @ref="_drawer"/>
-        <MudMainContent Class="pt-16 px-16">
+        <MudMainContent Class="pt-16 px-16 pb-10">
             <MudContainer Class="mt-6">
                 @Body
             </MudContainer>

CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor

@@ -24,7 +24,7 @@
                   AdornmentIcon="@(string.IsNullOrWhiteSpace(_debouncedText) ? Icons.Material.Filled.Search : Icons.Material.Filled.Close)"
                   OnAdornmentClick="HandleSearchBarAdornmentClick" />
 </MudContainer>
-<MudList T="string" Style="padding-top: 16px;" SelectionMode="SelectionMode.MultiSelection"
+<MudList T="string" Class="pt-10" SelectionMode="SelectionMode.MultiSelection"
          @bind-SelectedValues="_selectedCaddyConfigurations">
     @foreach (var (index, caddyConfig) in _availableCaddyConfigurations.Index())
     {

CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxyItem.razor

@@ -2,7 +2,7 @@
 @attribute [StreamRendering]
 
 <MudListItem T="string" Text="@FileName" OnClick="Edit" OnClickPreventDefault="true">
-    <MudContainer Class="d-flex flex-row flex-grow-1 gap-4">
+    <MudStack Row AlignItems="AlignItems.Center" Class="pl-2">
         <MudIcon Icon="@Icons.Custom.FileFormats.FileCode"></MudIcon>
         <MudText>@FileName</MudText>
         <MudSpacer/>
@@ -31,5 +31,5 @@
                 }
             </TooltipContent>
         </MudTooltip>
-    </MudContainer>
+    </MudStack>
 </MudListItem>

CaddyManager/Components/Pages/Caddy/CaddyfilePage.razor

@@ -3,21 +3,19 @@
 
 <PageTitle>Global Caddyfile</PageTitle>
 
-<MudContainer Class="pb-10">
-    <MudCard>
-        <MudCardHeader>
-            <MudText Typo="Typo.h6">
-                Global Caddyfile
-            </MudText>
-        </MudCardHeader>
-        <MudCardContent>
-            <MudText Typo="Typo.caption" Class="pl-4">File content</MudText>
-            <StandaloneCodeEditor @ref="_codeEditor" ConstructionOptions="@EditorConstructionOptions"
-                                  CssClass="caddy-file-editor global-caddy mt-1"></StandaloneCodeEditor>
-        </MudCardContent>
-        <MudCardActions Class="pb-4 pr-4 d-flex flex-row-reverse gap-4">
-            <MudButton Color="Color.Primary" OnClick="Submit">Save</MudButton>
-            <MudButton OnClick="Cancel">Cancel</MudButton>
-        </MudCardActions>
-    </MudCard>
-</MudContainer>
+<MudCard>
+    <MudCardHeader>
+        <MudText Typo="Typo.h6">
+            Global Caddyfile
+        </MudText>
+    </MudCardHeader>
+    <MudCardContent>
+        <MudText Typo="Typo.caption" Class="pl-4">File content</MudText>
+        <StandaloneCodeEditor @ref="_codeEditor" ConstructionOptions="@EditorConstructionOptions"
+                              CssClass="caddy-file-editor global-caddy mt-1"></StandaloneCodeEditor>
+    </MudCardContent>
+    <MudCardActions Class="pb-4 pr-4 d-flex flex-row-reverse gap-4">
+        <MudButton Color="Color.Primary" OnClick="Submit">Save</MudButton>
+        <MudButton OnClick="Cancel">Cancel</MudButton>
+    </MudCardActions>
+</MudCard>