From 943c0179286197e1fcc1894bf7912a86335def1c Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 19 Dec 2022 19:24:39 +0800
Subject: [PATCH 1/2] Change from flex to grid, for the header
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Flex is just too… flexible, I need something more rigid like grid
---
 src/app.css | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/app.css b/src/app.css
index 01544112..3c1f8531 100644
--- a/src/app.css
+++ b/src/app.css
@@ -78,17 +78,18 @@ a.mention span {
   backdrop-filter: blur(12px);
   border-bottom: 1px solid var(--divider-color);
   z-index: 1;
-  display: flex;
-  align-items: center;
   cursor: default;
   z-index: 10;
-}
-.deck header > *:not(button) {
-  flex-grow: 1;
-  min-width: 44px;
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  align-items: center;
 }
 .deck header > .header-side:last-of-type {
   text-align: right;
+  grid-column: 3;
+}
+.deck header :is(button, .button).plain {
+  backdrop-filter: none;
 }
 .deck header h1 {
   margin: 0 8px;

From 221ef84e4a0ea78daa3eb5161f3fb371a18644fa Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 19 Dec 2022 19:24:51 +0800
Subject: [PATCH 2/2] Smaller font size for updates button

---
 src/app.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/app.css b/src/app.css
index 3c1f8531..a725080d 100644
--- a/src/app.css
+++ b/src/app.css
@@ -393,6 +393,10 @@ a.mention span {
   animation: fade-from-top 2s ease-out;
   left: 50%;
   transform: translate(-50%, 0);
+  font-size: 90%;
+}
+.updates-button .icon {
+  vertical-align: top;
 }
 
 /* BOX */