From 20a94910cbef90478850d671aff9a9b6ce0c8d7f Mon Sep 17 00:00:00 2001
From: Tom Byers <tombaromba@gmail.com>
Date: Tue, 7 May 2019 16:02:47 +0100
Subject: [PATCH] Give permissions form legend heading styles

Also includes putting the text at the foot of the
checkboxes into a hint below the legend.
---
 app/assets/stylesheets/app.scss                   | 10 ++++++++++
 app/templates/views/manage-users/permissions.html |  9 ++++-----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/app.scss b/app/assets/stylesheets/app.scss
index 4bd8db24b..3cb2aa81b 100644
--- a/app/assets/stylesheets/app.scss
+++ b/app/assets/stylesheets/app.scss
@@ -124,10 +124,20 @@ td {
 
 .form-label {
   margin-bottom: 5px;
+
+  &.heading-small {
+    @include bold-19();
+  }
 }
 
 .hint {
   color: $secondary-text-colour;
+
+  .form-label + & {
+    display: block;
+    margin-top: -5px;
+    margin-bottom: 5px;
+  }
 }
 
 .list-bullet {
diff --git a/app/templates/views/manage-users/permissions.html b/app/templates/views/manage-users/permissions.html
index 50648da5e..801424c89 100644
--- a/app/templates/views/manage-users/permissions.html
+++ b/app/templates/views/manage-users/permissions.html
@@ -2,18 +2,17 @@
 {% from "components/radios.html" import radio, radios, conditional_radio_panel %}
 
 <fieldset class="form-group">
-  <legend class="form-label">
+  <legend class="form-label heading-small">
     Permissions
   </legend>
+  <span class="hint">
+    All team members can see sent messages.
+  </span>
   {% for field in form.permissions_fields %}
     {{ checkbox(field) }}
   {% endfor %}
 </fieldset>
 
-<p class="bottom-gutter">
-  All team members can see sent messages.
-</p>
-
 {% if current_service.has_permission("edit_folder_permissions") and form.folder_permissions.all_template_folders %}
   {{ checkboxes_nested(form.folder_permissions, form.folder_permissions.children()) }}
 {% endif %}