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] 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;