From 1df01c8c4bf9b2794f876bed07d5e666dade87dc Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Wed, 15 Nov 2023 01:41:34 +0100
Subject: [PATCH] minor UX nits

---
 frontend/src/lib/components/details/DetailPageHeader.svelte   | 4 ++--
 frontend/src/routes/(root)/(logged)/+layout.svelte            | 4 +---
 .../routes/(root)/(logged)/flows/get/[...path]/+page.svelte   | 2 +-
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/details/DetailPageHeader.svelte b/frontend/src/lib/components/details/DetailPageHeader.svelte
index 2923233068..db14689c87 100644
--- a/frontend/src/lib/components/details/DetailPageHeader.svelte
+++ b/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}
diff --git a/frontend/src/routes/(root)/(logged)/+layout.svelte b/frontend/src/routes/(root)/(logged)/+layout.svelte
index 5a7521b00f..e67b615f57 100644
--- a/frontend/src/routes/(root)/(logged)/+layout.svelte
+++ b/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
 		}
 	}
 
diff --git a/frontend/src/routes/(root)/(logged)/flows/get/[...path]/+page.svelte b/frontend/src/routes/(root)/(logged)/flows/get/[...path]/+page.svelte
index 843377984c..4fd668cf5b 100644
--- a/frontend/src/routes/(root)/(logged)/flows/get/[...path]/+page.svelte
+++ b/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