Skip to content

Commit

Permalink
Improve form layout for better structure and responsiveness
Browse files Browse the repository at this point in the history
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.
  • Loading branch information
EdiWang committed Nov 7, 2024
1 parent bf6e6cd commit 381289a
Showing 1 changed file with 9 additions and 8 deletions.
17 changes: 9 additions & 8 deletions src/Moonglade.Web/Pages/_CommentForm.cshtml
Original file line number Diff line number Diff line change
@@ -1,22 +1,23 @@
<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"
placeholder="Your name"
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>
Expand Down

0 comments on commit 381289a

Please sign in to comment.