From 381289a0409b503859e8b8957f0c8f5532fe3a7c Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Thu, 7 Nov 2024 10:10:11 +0800
Subject: [PATCH] Improve form layout for better structure and responsiveness

Updated `row` class to `row g-2` for gutters between columns.
Adjusted column sizes from `col-md-6` to `col-md-5` and `col-md-7`.
Moved email input field inline with name input field.
Removed explanatory text about the email.
---
 src/Moonglade.Web/Pages/_CommentForm.cshtml | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/Moonglade.Web/Pages/_CommentForm.cshtml b/src/Moonglade.Web/Pages/_CommentForm.cshtml
index de6a74fe1..c884397c7 100644
--- a/src/Moonglade.Web/Pages/_CommentForm.cshtml
+++ b/src/Moonglade.Web/Pages/_CommentForm.cshtml
@@ -1,7 +1,7 @@
 <form id="comment-form">
     <div>
-        <div class="row mb-2">
-            <div class="col-md-6">
+        <div class="row g-2 mb-2">
+            <div class="col-md-5">
                 <input type="text"
                        class="form-control"
                        aria-label="Your name"
@@ -9,14 +9,15 @@
                        id="input-comment-name"
                        required />
             </div>
+            <div class="col-md-7">
+                <input type="email"
+                       class="form-control"
+                       aria-label="@SharedLocalizer["Email (Optional)"]"
+                       placeholder="@SharedLocalizer["Email (Optional)"]"
+                       id="input-comment-email" />
+            </div>
         </div>
         <div class="mb-3">
-            <input type="email"
-                   class="form-control"
-                   aria-label="@SharedLocalizer["Email (Optional)"]"
-                   placeholder="@SharedLocalizer["Email (Optional)"]"
-                   id="input-comment-email" />
-            
             <span class="text-muted">
                 * @SharedLocalizer["Enter your email to receive reply notifications and display your Gravatar. Your email will not be displayed publicly."]
             </span>