From 04f4f9ee4bb79786dd04dd0dd7923d68205d6420 Mon Sep 17 00:00:00 2001
From: Ash Monty <git@ashmonty.com>
Date: Mon, 4 Jul 2022 22:19:50 +0200
Subject: [PATCH] feat: add back button to upgrade page

---
 public/assets/css/upgrade.css    | 32 ++++++++++++++++++++++++++++++++
 views/account/upgrade.handlebars |  6 ++++++
 2 files changed, 38 insertions(+)

diff --git a/public/assets/css/upgrade.css b/public/assets/css/upgrade.css
index 1e4b95b..75250a6 100644
--- a/public/assets/css/upgrade.css
+++ b/public/assets/css/upgrade.css
@@ -1,4 +1,5 @@
 .wrapper {
+  position: relative;
   display: flex;
   justify-content: center;
   text-align: center;
@@ -14,6 +15,31 @@
   height: 1400px;
 }
 
+.back-arrow {
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  top: 36px;
+  left: 0;
+  padding: 6px 10px;
+  background: var(--btn-secondary);
+  border-radius: 24px;
+  
+  transition: filter 150ms;
+  text-decoration: none;
+  color: var(--text);
+}
+.back-arrow:hover {
+  filter: brightness(1.5)
+}
+.back-arrow svg {
+  width: 24px;
+  height: 24px;
+}
+.back-arrow span {
+  margin: 0 4px;
+}
+
 .account-form-wrapper {
   display: flex;
   flex-flow: column;
@@ -315,4 +341,10 @@ p.switch-tier-modal-caption span {
   label.tier .tier-perks {
     width: 80%;
   }
+  .back-arrow {
+    padding: 6px;
+  }
+  .back-arrow span {
+    display: none;
+  }
 }
diff --git a/views/account/upgrade.handlebars b/views/account/upgrade.handlebars
index a8532c4..5d1f144 100644
--- a/views/account/upgrade.handlebars
+++ b/views/account/upgrade.handlebars
@@ -1,5 +1,11 @@
 <link rel="stylesheet" href="/assets/css/upgrade.css" />
 <div class="wrapper">
+  
+	<a href="/account" class="back-arrow">
+		<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
+		<span>Back</span>
+	</a>
+
   <div class="account-form-wrapper">
     		<a class="logotype" href="/">
 			<svg xmlns="http://www.w3.org/2000/svg" width="120" height="39.876">