From 36f21c864e57980ac997f1367f707fac2a5c8498 Mon Sep 17 00:00:00 2001
From: ebolo <daothanhduy305@gmail.com>
Date: Thu, 1 May 2025 03:52:04 +0000
Subject: [PATCH] fix: padding and radius of caddyfile editor

---
 .../CaddyReverseProxiesPage.razor.cs                   |  3 +++
 .../Pages/Caddy/CaddyfileEditor/CaddyfileEditor.razor  |  2 +-
 .../Components/Pages/Caddy/CaddyfilePage.razor         | 10 ++++------
 CaddyManager/wwwroot/app.css                           |  2 +-
 4 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor.cs b/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor.cs
index 9b32781..7f47f2c 100644
--- a/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor.cs
+++ b/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor.cs
@@ -7,6 +7,9 @@ using MudBlazor;
 
 namespace CaddyManager.Components.Pages.Caddy.CaddyReverseProxies;
 
+/// <summary>
+/// Page to manage reverse proxy configurations in the form of *.caddy files
+/// </summary>
 public partial class CaddyReverseProxiesPage : ComponentBase
 {
     private bool _isProcessing;
diff --git a/CaddyManager/Components/Pages/Caddy/CaddyfileEditor/CaddyfileEditor.razor b/CaddyManager/Components/Pages/Caddy/CaddyfileEditor/CaddyfileEditor.razor
index 73eddf4..94326b1 100644
--- a/CaddyManager/Components/Pages/Caddy/CaddyfileEditor/CaddyfileEditor.razor
+++ b/CaddyManager/Components/Pages/Caddy/CaddyfileEditor/CaddyfileEditor.razor
@@ -1,6 +1,6 @@
 @attribute [StreamRendering]
 
-<MudDialog>
+<MudDialog ActionsClass="pb-4 pr-6">
     <DialogContent>
         <MudTextField @bind-Value="FileName" Label="File name" Variant="Variant.Outlined"
                       Style="margin-bottom: 8px;"
diff --git a/CaddyManager/Components/Pages/Caddy/CaddyfilePage.razor b/CaddyManager/Components/Pages/Caddy/CaddyfilePage.razor
index e59a0c9..fa8a869 100644
--- a/CaddyManager/Components/Pages/Caddy/CaddyfilePage.razor
+++ b/CaddyManager/Components/Pages/Caddy/CaddyfilePage.razor
@@ -12,12 +12,10 @@
     <MudCardContent>
         <MudText Typo="Typo.caption" Style="padding-left: 18px; padding-bottom: 8px;">File content</MudText>
         <StandaloneCodeEditor @ref="_codeEditor" ConstructionOptions="@EditorConstructionOptions"
-                              CssClass="caddy-file-editor global-caddy"></StandaloneCodeEditor>
+            CssClass="caddy-file-editor global-caddy"></StandaloneCodeEditor>
     </MudCardContent>
-    <MudCardActions>
-        <MudContainer Class="d-flex flex-row-reverse flex-grow-1 gap-4">
-            <MudButton Color="Color.Primary" OnClick="Submit">Save</MudButton>
-            <MudButton OnClick="Cancel">Cancel</MudButton>
-        </MudContainer>
+    <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>
diff --git a/CaddyManager/wwwroot/app.css b/CaddyManager/wwwroot/app.css
index 62eac32..6458988 100644
--- a/CaddyManager/wwwroot/app.css
+++ b/CaddyManager/wwwroot/app.css
@@ -1,6 +1,6 @@
 .caddy-file-editor {
     height: 400px;
-    border-radius: 4px;
+    border-radius: 0.75rem;
     overflow: hidden;
 }