Fix spacings and formatting of user consent form

opf · Oct 12, 2021 · 7c73bf3 · 7c73bf3
1 parent 1e00c93
commit 7c73bf3
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/app/views/account/_user_consent_check.html.erb b/app/views/account/_user_consent_check.html.erb
@@ -1,13 +1,13 @@
-<section class="form--section">
+<section class="form--section op-user-consent-form">
   <p>
     <%= format_text user_consent_instructions(consenting_user), { target: '_blank' } %>
   </p>
 
-  <label class="form--label-with-check-box -required -no-ellipsis">
+  <label class="form--label-with-check-box -required -no-ellipsis op-user-consent-form--agreement">
     <div class="form--check-box-container">
       <input type="checkbox" name="consent_check" class="form--check-box" required="required" />
     </div>
 
-    <p><%= consent_checkbox_label %></p>
+    <%= format_text consent_checkbox_label %>
   </label>
 </section>
diff --git a/frontend/src/global_styles/content/_accounts.sass b/frontend/src/global_styles/content/_accounts.sass
@@ -127,3 +127,9 @@
 .registration-footer
   display: block
   margin-top: 2em
+
+.op-user-consent-form
+  font-size: 1rem
+
+  &--agreement
+    font-size: inherit
diff --git a/frontend/src/global_styles/content/_forms.sass b/frontend/src/global_styles/content/_forms.sass
@@ -795,6 +795,7 @@ input[readonly].-clickable
 
   &.-required:after
     @extend %required-star
+    padding: 0 0.325rem 0 0
 
 .form--field-affix
   flex: 0 0 auto