From ad44f0119ebfa515645cac36661c6ac05fa37b85 Mon Sep 17 00:00:00 2001
From: Fluffy-Bean <michal-gdula@protonmail.com>
Date: Wed, 5 Apr 2023 11:22:21 +0000
Subject: [PATCH] Update settings banner

---
 gallery/static/sass/components/banner.sass      |  5 +++++
 gallery/templates/settings/account.html         |  1 -
 gallery/templates/settings/settings_layout.html | 17 ++++++++++-------
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/gallery/static/sass/components/banner.sass b/gallery/static/sass/components/banner.sass
index 6690ee1..4ab9c9e 100644
--- a/gallery/static/sass/components/banner.sass
+++ b/gallery/static/sass/components/banner.sass
@@ -174,3 +174,8 @@
 
             .pill-row
                 margin-top: 1rem
+
+    .banner-small
+        .banner-content
+            .banner-info
+                display: none
diff --git a/gallery/templates/settings/account.html b/gallery/templates/settings/account.html
index aad5c2e..e3360ad 100644
--- a/gallery/templates/settings/account.html
+++ b/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>
diff --git a/gallery/templates/settings/settings_layout.html b/gallery/templates/settings/settings_layout.html
index ccf3aec..a51f7d3 100644
--- a/gallery/templates/settings/settings_layout.html
+++ b/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>