From 83b51e6597e1d318a3e13d464ae13905cacb978e Mon Sep 17 00:00:00 2001
From: Leigh Morresi <275001+dgtlmoon@users.noreply.github.com>
Date: Sun, 8 Mar 2020 00:57:28 +0100
Subject: [PATCH] Place checkbox descriptions after checkboxes and labels, set
 italic for readability.

---
 setup/templates/steps/compose/02_services.html | 15 +++++++++------
 setup/templates/steps/stack/02_services.html   | 15 +++++++++------
 2 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/setup/templates/steps/compose/02_services.html b/setup/templates/steps/compose/02_services.html
index 13502b8d..d89ab32b 100644
--- a/setup/templates/steps/compose/02_services.html
+++ b/setup/templates/steps/compose/02_services.html
@@ -26,34 +26,37 @@ the security implications caused by such an increase of attack surface.<p>
   </div>
 </div>
 
-<p>An antivirus server helps fighting large scale virus spreading campaigns that leverage
-e-mail for initial infection. Make sure that you have at least 1GB of memory for ClamAV to
-load its signature database.</p>
 
 <div class="form-check form-check-inline">
   <label class="form-check-label">
     <input class="form-check-input" type="checkbox" name="antivirus_enabled" value="clamav">
     Enable the antivirus service
   </label>
+
+  <i>An antivirus server helps fighting large scale virus spreading campaigns that leverage
+    e-mail for initial infection. Make sure that you have at least 1GB of memory for ClamAV to
+    load its signature database.</i>
 </div>
 
-<p>A Webdav server exposes a Dav interface over HTTP so that clients can store
-contacts or calendars using the mail account.</p>
 
 <div class="form-check form-check-inline">
   <label class="form-check-label">
     <input class="form-check-input" type="checkbox" name="webdav_enabled" value="radicale">
     Enable the webdav service
   </label>
+
+  <i>A Webdav server exposes a Dav interface over HTTP so that clients can store
+    contacts or calendars using the mail account.</i>
 </div>
 
-<p>Fetchmail allows to download mails over IMAP/POP3 and uploads it your Mailu mailbox.</p>
 
 <div class="form-check form-check-inline">
   <label class="form-check-label">
     <input class="form-check-input" type="checkbox" name="fetchmail_enabled" value="true">
     Enable fetchmail
   </label>
+
+  <i>Fetchmail allows to download mails over IMAP/POP3 and uploads it your Mailu mailbox.</i>
 </div>
 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
diff --git a/setup/templates/steps/stack/02_services.html b/setup/templates/steps/stack/02_services.html
index e5f0866c..4f515601 100644
--- a/setup/templates/steps/stack/02_services.html
+++ b/setup/templates/steps/stack/02_services.html
@@ -22,34 +22,37 @@ the security implications caused by such an increase of attack surface.<p>
   </div>
 </div>
 
-<p>An antivirus server helps fighting large scale virus spreading campaigns that leverage
-e-mail for initial infection. Make sure that you have at least 1GB of memory for ClamAV to
-load its signature database.</p>
 
 <div class="form-check form-check-inline">
   <label class="form-check-label">
     <input class="form-check-input" type="checkbox" name="antivirus_enabled" value="clamav">
     Enable the antivirus service
   </label>
+
+  <i>An antivirus server helps fighting large scale virus spreading campaigns that leverage
+    e-mail for initial infection. Make sure that you have at least 1GB of memory for ClamAV to
+    load its signature database.</i>
 </div>
 
-<p>A Webdav server exposes a Dav interface over HTTP so that clients can store
-contacts or calendars using the mail account.</p>
 
 <div class="form-check form-check-inline">
   <label class="form-check-label">
     <input class="form-check-input" type="checkbox" name="webdav_enabled" value="radicale">
     Enable the webdav service
   </label>
+
+  <i>A Webdav server exposes a Dav interface over HTTP so that clients can store
+    contacts or calendars using the mail account.</i>
 </div>
 
-<p>Fetchmail allows to download mails over IMAP/POP3 and uploads it your Mailu mailbox.</p>
 
 <div class="form-check form-check-inline">
   <label class="form-check-label">
     <input class="form-check-input" type="checkbox" name="fetchmail_enabled" value="true">
     Enable fetchmail
   </label>
+
+  <i>Fetchmail allows to download mails over IMAP/POP3 and uploads it your Mailu mailbox.</i>
 </div>
 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>