From 9beee6cb3719268ce6750a806c7c285e0eb66210 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 19 Dec 2022 16:25:57 +0800
Subject: [PATCH] Revert back to 'X' instead of '<'

It can be confused with the browser back button. It doesn't function as back button as well
---
 src/app.css          | 2 +-
 src/pages/status.jsx | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/app.css b/src/app.css
index 4b298fb9..841080a0 100644
--- a/src/app.css
+++ b/src/app.css
@@ -91,7 +91,7 @@ a.mention span {
   text-align: right;
 }
 .deck header h1 {
-  margin: 0;
+  margin: 0 8px;
   padding: 0;
   font-size: 1.2em;
   text-align: center;
diff --git a/src/pages/status.jsx b/src/pages/status.jsx
index 1f7c6431..e47de228 100644
--- a/src/pages/status.jsx
+++ b/src/pages/status.jsx
@@ -186,14 +186,17 @@ function StatusPage({ id }) {
         }`}
       >
         <header>
-          <div>
+          {/* <div>
             <Link class="button plain deck-close" href={closeLink}>
               <Icon icon="chevron-left" size="xl" />
             </Link>
-          </div>
+          </div> */}
           <h1>Status</h1>
           <div class="header-side">
             <Loader hidden={uiState !== 'loading'} />
+            <Link class="button plain deck-close" href={closeLink}>
+              <Icon icon="x" size="xl" />
+            </Link>
           </div>
         </header>
         <ul class="timeline flat contextual">