From e9a24588a01d3a67466cba0090072763d1e1b5c9 Mon Sep 17 00:00:00 2001
From: Sunpy <sunpy@osufx.com>
Date: Fri, 26 Apr 2019 06:05:19 +0100
Subject: [PATCH] Sign out button

---
 routes.py                              |  4 ++--
 templates/layout/includes/top_nav.html | 13 ++++++++++++-
 templates/pages/bills.html             |  2 +-
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/routes.py b/routes.py
index 2bc81fe..fd47a85 100644
--- a/routes.py
+++ b/routes.py
@@ -42,12 +42,12 @@ def bills():
 @glob.app.route("/warranties")
 @flask_login.login_required
 def warranties():
-	return "AAAA"
+	return "Unimplemented"
 
 @glob.app.route("/receipts")
 @flask_login.login_required
 def receipts():
-	return "AAAA"
+	return "Unimplemented"
 
 @glob.app.route("/login", methods = ["GET", "POST"])
 def login():
diff --git a/templates/layout/includes/top_nav.html b/templates/layout/includes/top_nav.html
index ce3f109..c53fe48 100644
--- a/templates/layout/includes/top_nav.html
+++ b/templates/layout/includes/top_nav.html
@@ -11,6 +11,8 @@
     font-size: 24px;
     vertical-align: middle;
     display: table-cell;
+
+	cursor: pointer;
 }
 
 .languk {
@@ -55,9 +57,18 @@
             </div>
         </div>
         <div class="col">
-            <div class="rndblock"> <!-- OR INCLUDE BACKGROUND TEXTURE -->
+            <div class="rndblock" data-toggle="dropdown" aria-expanded="false"> <!-- OR INCLUDE BACKGROUND TEXTURE -->
                 {{ current_user.firstname[0]|upper }} <!-- FIRST CHAR OF USER -->
             </div>
+			<ul class="dropdown-menu">
+				<li>
+					<div class="row">
+						<div class="col">
+							<a href="{{ url_for('logout') }}">Sign out</a>
+						</div>
+					</div>
+				</li>
+			</ul>
         </div>
     </div>
 </nav>
\ No newline at end of file
diff --git a/templates/pages/bills.html b/templates/pages/bills.html
index 740d1ff..a20b207 100644
--- a/templates/pages/bills.html
+++ b/templates/pages/bills.html
@@ -12,7 +12,7 @@
 			<th scope="col">Payment to</th>
 			<th scope="col">Description</th>
 			<th scope="col" style="width: 120px">Sum</th>
-			<th scope="col" style="width: 120px">KID</th>
+			<th scope="col" style="width: 220px">KID</th>
 			<th scope="col" style="width: 120px">Date Due</th>
 			<th scope="col" style="width: 150px">Payment status</th>
 		</tr>