From 67a392fb78a4a96528f13e8063cee70305f2626f Mon Sep 17 00:00:00 2001
From: ebolo <daothanhduy305@gmail.com>
Date: Thu, 1 May 2025 07:46:44 +0000
Subject: [PATCH] fix: tweak the positioning of the file content field label

---
 .devcontainer/devcontainer.json                           | 8 +++++++-
 .../Pages/Caddy/CaddyfileEditor/CaddyfileEditor.razor     | 4 ++--
 CaddyManager/Components/Pages/Caddy/CaddyfilePage.razor   | 4 ++--
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
index 4632c69..b3ca68e 100644
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -33,6 +33,12 @@
   "customizations": {
     "jetbrains": {
       "backend": "Rider"
+    },
+    "vscode": {
+      "extensions": [
+        "ms-dotnettools.csdevkit",
+        "murugaratham.vscode-dotnet-watch"
+      ]
     }
   },
   "features": {
@@ -43,6 +49,6 @@
   "containerEnv": {
     "Docker__CaddyContainerName": "caddy",
     "Docker__DockerHost": "unix:///var/run/docker.sock",
-    "Caddy__ConfigDir": "/home/vscode/caddy/config",
+    "Caddy__ConfigDir": "/home/vscode/caddy/config"
   }
 }
diff --git a/CaddyManager/Components/Pages/Caddy/CaddyfileEditor/CaddyfileEditor.razor b/CaddyManager/Components/Pages/Caddy/CaddyfileEditor/CaddyfileEditor.razor
index 94326b1..981ff21 100644
--- a/CaddyManager/Components/Pages/Caddy/CaddyfileEditor/CaddyfileEditor.razor
+++ b/CaddyManager/Components/Pages/Caddy/CaddyfileEditor/CaddyfileEditor.razor
@@ -6,10 +6,10 @@
                       Style="margin-bottom: 8px;"
                       ShrinkLabel="true"
                       ReadOnly="@(!IsNew)"></MudTextField>
-        <MudText Typo="Typo.caption" Style="padding-left: 18px; padding-bottom: 8px;">File content</MudText>
+        <MudText Typo="Typo.caption" class="pl-4">File content</MudText>
         <StandaloneCodeEditor @ref="_codeEditor"
                               ConstructionOptions="@EditorConstructionOptions"
-                              CssClass="caddy-file-editor"></StandaloneCodeEditor>
+                              CssClass="caddy-file-editor mt-1"></StandaloneCodeEditor>
     </DialogContent>
     <DialogActions>
         <MudButton OnClick="Cancel">Cancel</MudButton>
diff --git a/CaddyManager/Components/Pages/Caddy/CaddyfilePage.razor b/CaddyManager/Components/Pages/Caddy/CaddyfilePage.razor
index fa8a869..a275370 100644
--- a/CaddyManager/Components/Pages/Caddy/CaddyfilePage.razor
+++ b/CaddyManager/Components/Pages/Caddy/CaddyfilePage.razor
@@ -10,9 +10,9 @@
         </MudText>
     </MudCardHeader>
     <MudCardContent>
-        <MudText Typo="Typo.caption" Style="padding-left: 18px; padding-bottom: 8px;">File content</MudText>
+        <MudText Typo="Typo.caption" Class="pl-4">File content</MudText>
         <StandaloneCodeEditor @ref="_codeEditor" ConstructionOptions="@EditorConstructionOptions"
-            CssClass="caddy-file-editor global-caddy"></StandaloneCodeEditor>
+            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>