Adjust margins on home page, globally fix hr elements to default to having margins, and add class for hr elements to span full width of their container

styles/core/_util.scss

@@ -88,5 +88,9 @@ p {
 hr {
   border: 0;
   border-bottom: 1px solid $color-gray-light;
+  margin: ($gap * 3) 0;
+
+  &.full-width {
     margin: ($gap * 3) ($site-margins * -4);
+  }
 }

styles/sections/_home.scss

@@ -1,4 +1,5 @@
 .home {
+  margin: $gap * 3;
   .sticky-cta {
     margin: -1.6rem -1.6rem 0 -1.6rem;
   }

templates/applications/fragments/member_form_fields.html

@@ -100,7 +100,7 @@
     {{ CheckboxInput(form.perms_env_mgmt, classes="input__inline-fields", key=env_mgmt, id=env_mgmt, optional=True) }}
     {{ CheckboxInput(form.perms_del_env, classes="input__inline-fields", key=del_env, id=del_env, optional=True) }}
   </div>
-  <hr>
+  <hr class="full-width">
   <div class="environment_roles environment-roles-new">
     <h2>{{ "portfolios.applications.members.form.env_access.title" | translate }}</h2>
     <p class='usa-input__help subtitle'>

templates/applications/fragments/members.html

@@ -40,7 +40,7 @@
         {% call Modal(modal_name, classes="form-content--app-mem") %}
           <div class="modal__form--header">
             <h1>{{ Icon('avatar') }} {{ "portfolios.applications.members.form.edit_access_header" | translate({ "user": member.user_name }) }}</h1>
-            <hr>
+            <hr class="full-width">
           </div>
           <base-form inline-template>
             <form id='{{ modal_name }}' method="POST" action="{{ url_for(action_update, application_id=application.id, application_role_id=member.role_id,) }}">
@@ -59,7 +59,7 @@
           {% call Modal(resend_invite_modal, classes="form-content--app-mem") %}
             <div class="modal__form--header">
               <h1>{{ "portfolios.applications.members.new.verify" | translate }}</h1>
-              <hr>
+              <hr class="full-width">
             </div>
             <base-form inline-template :enable-save="true">
               <form id='{{ resend_invite_modal }}' method="POST" action="{{ url_for('applications.resend_invite', application_id=application.id, application_role_id=member.role_id) }}">

templates/applications/fragments/new_member_modal_content.html

@@ -2,7 +2,7 @@
 {% import "applications/fragments/member_form_fields.html" as member_fields %}
 
 {% macro MemberFormTemplate(title=None, next_button=None, previous=True) %}
-  <hr>
+  <hr class="full-width">
   {% if title %} <h1>{{ title }}</h1> {% endif %}
 
   {{ caller() }}

templates/portfolios/fragments/add_new_portfolio_member.html

@@ -16,7 +16,7 @@
 {% endmacro %}
 
 {% set step_one %}
-  <hr>
+  <hr class="full-width">
   <h1>Invite new portfolio member</h1>
   <div class='form-row'>
     <div class='form-col form-col--half'>
@@ -52,7 +52,7 @@
   </div>
 {% endset %}
 {% set step_two %}
-  <hr>
+  <hr class="full-width">
   <h1>Assign member permissions</h1>
   <a class='icon-link'>
     {{ Icon('info') }}

templates/portfolios/fragments/change_ppoc.html

@@ -5,7 +5,7 @@
 {% from "components/options_input.html" import OptionsInput %}
 
 {% set step_one %}
-  <hr>
+  <hr class="full-width">
   <h1>{{ "fragments.ppoc.update_ppoc_title" | translate }}</h1>
 
   {{
@@ -42,7 +42,7 @@
 {% endset %}
 
 {% set step_two %}
-  <hr>
+  <hr class="full-width">
   <h1>{{ "fragments.ppoc.update_ppoc_confirmation_title" | translate }}</h1>
 
   {{