Minor app bar styling

Author: fgatti675

packages/firecms_core/src/core/DefaultAppBar.tsx

@@ -110,7 +110,7 @@ export const DefaultAppBar = function DefaultAppBar({
 
             {navigation && <div className="mr-8 hidden lg:block">
                 <ReactLink
-                    className="visited:text-inherit visited:dark:text-inherit"
+                    className="visited:text-inherit visited:dark:text-inherit block"
                     to={navigation?.basePath ?? "/"}
                 >
                     <div className={"flex flex-row gap-4"}>
@@ -122,8 +122,7 @@ export const DefaultAppBar = function DefaultAppBar({
 
                         {typeof title === "string"
                             ? <Typography variant="subtitle1"
-                                          noWrap
-                                          className={cls("transition-all", drawerOpen ? "ml-2" : "")}>
+                                          noWrap>
                                 {title}
                             </Typography>
                             : title}

packages/firecms_core/src/core/DefaultDrawer.tsx

@@ -164,12 +164,13 @@ export function DrawerLogo({ logo }: {
             transition: "padding 100ms cubic-bezier(0.4, 0, 0.6, 1) 0ms",
             padding: drawerOpen ? "32px 144px 0px 24px" : "72px 12px 0px 12px"
         }}
-        className={cls("cursor-pointer ml-3 mr-1")}>
+        className={cls("cursor-pointer rounded ml-3 mr-1")}>
 
         <Tooltip title={"Home"}
                  sideOffset={20}
                  side="right">
             <Link
+                className={"block"}
                 to={navigation.basePath}>
                 {logo
                     ? <img src={logo}