ui-fixes-1 (#11409)

* make top drop area larger for better drop ux

* style: set InfoMessage text opacity to 60%

Author: PavelLaptev

apps/desktop/src/components/BranchInsertion.svelte

@@ -65,10 +65,19 @@
 	<Dropzone handlers={[moveBranchHandler]}>
 		{#snippet overlay({ hovered, activated })}
 			{#if activated}
-				<div data-testid="BranchListInsertionDropzone" class="stack-v p-b-10 dropzone-target">
+				<div data-testid="BranchListInsertionDropzone" class="dropzone-target top-dropzone">
 					<BranchLineOverlay {hovered} />
 				</div>
 			{/if}
 		{/snippet}
 	</Dropzone>
 {/if}
+
+<style>
+	.top-dropzone {
+		display: flex;
+		flex-direction: column;
+		margin-top: -12px;
+		padding: 12px 0;
+	}
+</style>

packages/ui/src/lib/components/InfoMessage.svelte

@@ -195,6 +195,7 @@
 		gap: 6px;
 	}
 	.info-message__text {
+		opacity: 60%;
 		&:empty {
 			display: none;
 		}