minor UX nits

frontend/src/lib/components/details/DetailPageHeader.svelte

@@ -32,8 +32,8 @@
 
 <div class="border-b p-2 shadow-md">
 	<div class="mx-auto">
-		<div class="flex w-full flex-wrap md:flex-nowrap justify-end gap-x-2 gap-y-4 h-8 items-center">
-			<div class="grow px-2 sm:w-full inline-flex items-center gap-4">
+		<div class="flex w-full flex-wrap md:flex-nowrap justify-end gap-x-2 gap-y-4 items-center">
+			<div class="grow px-2 inline-flex items-center gap-4 min-w-0">
 				<div class="text-lg min-w-24 font-bold truncate">{title}</div>{#if tag}
 					<Badge>tag: {tag}</Badge>
 				{/if}

frontend/src/routes/(root)/(logged)/+layout.svelte

@@ -162,10 +162,8 @@
 	$: innerWidth && changeCollapsed()
 
 	function changeCollapsed() {
-		if (innerWidth < 1248 && innerWidth >= 768) {
+		if (innerWidth < 1248 && innerWidth >= 768 && !isCollapsed) {
 			isCollapsed = true
-		} else if ((innerWidth >= 1248 || innerWidth < 768) && !pathInAppMode($page.url.pathname)) {
-			isCollapsed = false
 		}
 	}
 

frontend/src/routes/(root)/(logged)/flows/get/[...path]/+page.svelte

@@ -161,7 +161,7 @@
 				buttonProps: {
 					href: `/flows/edit/${path}?nodraft=true&args=${encodeState(args)}`,
 					variant: 'contained',
-					size: 'sm',
+					size: 'xs',
 					color: 'dark',
 					disabled: !can_write,
 					startIcon: Pen