<% var uniqueId = _.uniqueId('settings'); %>

<div class="row">
    <div class="col-md-12">
        <h2><%-strings.title%></h2>
        <p class="settings-description"></p>
    </div>
</div>

<div class="settings-control row">
    <div class="col-md-12">
        <button type="submit" form="settings-form-<%-uniqueId%>" class="btn button-warning"><%-strings.saveButton%></button>
        <button type="button" class="btn button-accent settings-restore"><%-strings.restoreButton%></button>
        <span class="settings-required-flag"><i class="fa fa-asterisk"></i></span> <%-strings.requiredFields%>
    </div>
</div>

<form id="settings-form-<%-uniqueId%>" class="form-inline main-page-contents">
    <div class="row"></div>
</form>

<% var uniqueId = _.uniqueId('settings'); %>
<div class="col-md-12">
    <div class="row">
        <div class="col-md-12">
            <h2><%-strings.title%></h2>
            <p class="settings-description"></p>
        </div>
    </div>

    <div class="settings-control row">
        <div class="col-md-12">
            <button type="submit" form="settings-form-<%-uniqueId%>" class="btn button-warning"><%-strings.saveButton%></button>
            <button type="button" class="btn button-accent settings-restore"><%-strings.restoreButton%></button>
            <span class="settings-required-flag"><i class="fa fa-asterisk"></i></span> <%-strings.requiredFields%>
        </div>
    </div>

    <form id="settings-form-<%-uniqueId%>" class="form-inline main-page-contents">
        <div class="row"></div>
    </form>
</div>

Add col-md-12 to settings page.
[CCUK-3425] Add col-md-12 to settings page.

Because we're already in a row, add a column around everything,
otherwise it ends up pressed against the sides of the screen and
looks awful.

[rev: ivo.miller]
