Improves maintenance domain name form element (#3045)

* switch to flexbox

* removes whitespace

* updates spacings & text color class

* more spacing updates

* updates

* back to row & col

* back to flex + removes text-secondary class
This commit is contained in:
dstrukt 2021-11-04 00:34:51 -07:00 committed by GitHub
parent da92cabe4c
commit 003927418c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -8,39 +8,35 @@
<form method="post">
<div class="row mb-5">
<div class="col-lg-6">
<h4 class="mb-3">Domain name</h4>
<p>You can change the domain name of your server by following <a href="https://docs.btcpayserver.org/Deployment/ChangeDomain/" target="_blank" rel="noreferrer noopener">this guide</a>.</p>
<h4 class="mb-2">Domain name</h4>
<p>You can change the domain name of your server by following <a href="https://docs.btcpayserver.org/Deployment/ChangeDomain/" target="_blank" rel="noreferrer noopener">this guide</a>.</pclass="text-secondary">
<div class="row g-1">
<div class="col">
<input asp-for="DNSDomain" class="form-control flex-fill" disabled="@(Model.CanUseSSH ? null : "disabled")" />
<span asp-validation-for="DNSDomain" class="text-danger"></span>
</div>
<div class="col">
<button name="command" type="submit" class="btn btn-primary mt-2 mt-sm-0 ms-sm-2" value="changedomain" title="Change domain" disabled="@(Model.CanUseSSH ? null : "disabled")">
<span class="fa fa-check"></span> Confirm
</button>
</div>
<div class="d-flex">
<input asp-for="DNSDomain" class="form-control flex-fill" disabled="@(Model.CanUseSSH ? null : "disabled")" />
<span asp-validation-for="DNSDomain" class="text-danger"></span>
<button name="command" type="submit" class="btn btn-primary ms-3" value="changedomain" title="Change domain" disabled="@(Model.CanUseSSH ? null : "disabled")">
Confirm
</button>
</div>
<h4 class="mt-5 mb-3">Update</h4>
<p class="text-secondary">Update to the latest version of BTCPay Server.</p>
<h4 class="mt-5 mb-2">Update</h4>
<p>Update to the latest version of BTCPay Server.</p>
<div class="form-group">
<div class="input-group">
<button name="command" type="submit" class="btn btn-primary" value="update" disabled="@(Model.CanUseSSH ? null : "disabled")">Update</button>
</div>
</div>
<h4 class="mt-5 mb-3">Restart</h4>
<p class="text-secondary">Restart BTCPay Server and related services.</p>
<h4 class="mt-5 mb-2">Restart</h4>
<p>Restart BTCPay Server and related services.</p>
<div class="form-group">
<div class="input-group">
<button name="command" type="submit" class="btn btn-primary" value="restart" disabled="@(Model.CanUseSSH ? null : "disabled")">Restart</button>
</div>
</div>
<h4 class="mt-5 mb-3">Clean</h4>
<p class="text-secondary">Delete unused Docker images present on your system.</p>
<h4 class="mt-5 mb-2">Clean</h4>
<p>Delete unused Docker images present on your system.</p>
<div class="form-group">
<div class="input-group">
<button name="command" type="submit" class="btn btn-secondary" value="clean" disabled="@(Model.CanUseSSH ? null : "disabled")">Clean</button>