{% extends "withnav_template.html" %}
{% from "components/radios.html" import radios %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/live-search.html" import live_search %}
{% from "components/form.html" import form_wrapper %}

{% block service_page_title %}
  Set email branding
{% endblock %}

{% block maincolumn_content %}

  <h1 class="heading-large">Set email branding</h1>
  {% call form_wrapper() %}
    <div class="grid-row">
      <div class="column-full preview-pane">
      </div>
    </div>
    <div class="grid-row">
      <div class="column-full">
        {{ live_search(target_selector='.multiple-choice', show=show_search_box, form=search_form, label='Search branding styles by name') }}
        {{ radios(form.branding_style) }}
      </div>
    </div>
    <div class="grid-row">
      <div class="column-three-quarters">
        {{ page_footer(
          'Preview',
          back_link=url_for('.service_settings', service_id=current_service.id),
          back_link_text='Back to settings'
        ) }}
      </div>
    </div>
  {% endcall %}

{% endblock %}

{% extends "withnav_template.html" %}
{% from "components/radios.html" import radios %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/live-search.html" import live_search %}
{% from "components/form.html" import form_wrapper %}

{% block service_page_title %}
  Set email branding
{% endblock %}

{% block maincolumn_content %}

  <h1 class="heading-large">Set email branding</h1>
  {% call form_wrapper() %}
    <div class="grid-row">
      <div class="column-full preview-pane">
      </div>
    </div>
    <div class="grid-row">
      <div class="column-full">
        {{ live_search(target_selector='.multiple-choice', show=show_search_box, form=search_form, label='Search branding styles by name') }}
        {{ radios(form.branding_style) }}
      </div>
    </div>
    <div class="js-stick-at-bottom-when-scrolling">
      {{ page_footer(
        'Preview',
        back_link=url_for('.service_settings', service_id=current_service.id),
        back_link_text='Back to settings'
      ) }}
    </div>
  {% endcall %}

{% endblock %}

Use sticky footer when setting email branding
Use sticky footer when setting email branding

You don’t want to scroll all the way through the big list to get to the
button.
