From 01cebe36ed70c343dc6705e3a98a0d3f5a6649f9 Mon Sep 17 00:00:00 2001
From: Miguel Astor <mastor89@protonmail.com>
Date: Wed, 23 Aug 2023 22:01:09 -0400
Subject: [PATCH] Added logout button to image view.

---
 viewer/static/css/styles.css     |  4 ++++
 viewer/templates/image_view.html | 10 ++++++++++
 2 files changed, 14 insertions(+)

diff --git a/viewer/static/css/styles.css b/viewer/static/css/styles.css
index 12ba335..14b4adc 100644
--- a/viewer/static/css/styles.css
+++ b/viewer/static/css/styles.css
@@ -88,6 +88,10 @@ body {
     margin-right: 2em;
 }
 
+.ml-4 {
+    margin-left: 4em;
+}
+
 .ml-2 {
     margin-left: 2em;
 }
diff --git a/viewer/templates/image_view.html b/viewer/templates/image_view.html
index 76c54d4..a1fe3cc 100644
--- a/viewer/templates/image_view.html
+++ b/viewer/templates/image_view.html
@@ -26,6 +26,16 @@
                         <img src="{% static 'imgs/back.png' %}" class="small-nav-icon">
                     </a>
                 </td>
+
+                <!-- Logout button. -->
+                <td>
+                    <form method="post" action="{% url 'logout' %}" class="ml-4">
+                        {% csrf_token %}
+                        <button type="submit" class="clear-btn">
+                            <img src="{% static 'imgs/boot.png' %}" class="small-nav-icon">
+                        </button>
+                    </form>
+                </td>
             </tr>
         </table>