Update settings banner

gallery/static/sass/components/banner.sass

@@ -174,3 +174,8 @@
 
             .pill-row
                 margin-top: 1rem
+
+    .banner-small
+        .banner-content
+            .banner-info
+                display: none

gallery/templates/settings/account.html

@@ -3,7 +3,6 @@
 {% block settings_account %}settings-nav__item-selected{% endblock %}
 {% block settings_content %}
     <h2>Account</h2>
-    <a href="{{ url_for( 'auth.logout' ) }}">Logout</a>
     <p>Is session fresh?</p>
     {% if fresh %}
         <p>Yes</p>

gallery/templates/settings/settings_layout.html

@@ -2,14 +2,17 @@
 
 {% block nav_settings %}selected{% endblock %}
 {% block content %}
-    <div class="banner">
-        <img src="{{ url_for('static', filename='images/bg.svg') }}" onload="imgFade(this)" style="opacity:0;"/>
-        <span></span>
-
+    <div class="banner-small">
         <div class="banner-content">
-            {% block banner_subtitle%}{% endblock %}
-            <h1>Settings</h1>
-            <p>All the red buttons in one place, what could go wrong?</p>
+            <h1 class="banner-header">Settings</h1>
+            <p class="banner-info">{% block banner_subtitle%}{% endblock %}</p>
+            <div class="pill-row">
+                <div>
+                    <a class="pill-item pill__critical" href="{{ url_for( 'auth.logout' ) }}">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M112,216a8,8,0,0,1-8,8H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h56a8,8,0,0,1,0,16H48V208h56A8,8,0,0,1,112,216Zm109.66-93.66-40-40a8,8,0,0,0-11.32,11.32L196.69,120H104a8,8,0,0,0,0,16h92.69l-26.35,26.34a8,8,0,0,0,11.32,11.32l40-40A8,8,0,0,0,221.66,122.34Z"></path></svg>
+                    </a>
+                </div>
+            </div>
         </div>
     </div>