From 8d04874bce75f79f831db7d36eef03a5976d31dc Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Fri, 27 Dec 2024 22:24:46 +0800
Subject: [PATCH] AppTopBar: minor change to the text justify

---
 src/material/AppTopBar.css | 16 +++++++++++++++-
 src/material/AppTopBar.tsx |  1 -
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/material/AppTopBar.css b/src/material/AppTopBar.css
index de3426d..cf692eb 100644
--- a/src/material/AppTopBar.css
+++ b/src/material/AppTopBar.css
@@ -1,6 +1,20 @@
 .AppTopBar {
-  & > .toolbar {
+  & > .MuiToolbar-root {
     padding-top: var(--safe-area-inset-top, 0px);
     gap: 8px;
+
+    & > button:first-child, & > .MuiButtonBase-root:first-child {
+      margin-left: -0.15em;
+    }
+
+    & > button:last-child, & > .MuiButtonBase-root:last-child {
+      margin-right: -0.15em;
+    }
+
+    & > .title {
+      margin-top: -0.2ch;
+    }
   }
 }
+
+
diff --git a/src/material/AppTopBar.tsx b/src/material/AppTopBar.tsx
index a9ad382..a75c7c3 100644
--- a/src/material/AppTopBar.tsx
+++ b/src/material/AppTopBar.tsx
@@ -20,7 +20,6 @@ const AppTopBar: ParentComponent<{
     >
       <Toolbar
         variant={windowSize.width > windowSize.height ? "dense" : "regular"}
-        class="toolbar"
         sx={{ paddingTop: "var(--safe-area-inset-top, 0px)" }}
       >
         {props.children}