AppTopBar: minor change to the text justify

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;
+    }
   }
 }
+
+

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}