How can I change the Login Required page style?

Development
13

Would it help @Berto and @mcwumbly if the the login_required.welcome_message was wrapped in a div itself? Beyond that, it doesn’t look like much can be added because the content of welcome_message is passed through a HTML sanitizer.

Instead of:

<div class="contents clearfix body-page">
    <span id="ember772" class="ember-view">
    </span>
    <h2><a href="#welcome">Welcome to Dev Discourse</a></h2>
    <p>An account is required. Please create an account or log in to continue.</p>
    <button title="Log In" id="ember773" class="btn-primary login-button btn btn-icon-text ember-view">
        <i class="fa fa-user d-icon d-icon-user"></i>
        <span class="d-button-label">
            Log In
        </span>
    </button>
</div>

You would have:

<div class="contents clearfix body-page">
    <span id="ember772" class="ember-view">
    </span>
    <div class='login-required'>
        <h2><a href="#welcome">Welcome to Dev Discourse</a></h2>
        <p>An account is required. Please create an account or log in to continue.</p>
    </div>
    <button title="Log In" id="ember773" class="btn-primary login-button btn btn-icon-text ember-view">
        <i class="fa fa-user d-icon d-icon-user"></i>
        <span class="d-button-label">
            Log In
        </span>
    </button>
</div>