From 003927418cdcf0a91fafbc03df08307a7f976e1e Mon Sep 17 00:00:00 2001
From: dstrukt <gfxdsign@gmail.com>
Date: Thu, 4 Nov 2021 00:34:51 -0700
Subject: [PATCH] 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
---
 BTCPayServer/Views/Server/Maintenance.cshtml | 32 +++++++++-----------
 1 file changed, 14 insertions(+), 18 deletions(-)

diff --git a/BTCPayServer/Views/Server/Maintenance.cshtml b/BTCPayServer/Views/Server/Maintenance.cshtml
index 1794ed885..ed47cd6f9 100644
--- a/BTCPayServer/Views/Server/Maintenance.cshtml
+++ b/BTCPayServer/Views/Server/Maintenance.cshtml
@@ -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>