diff --git a/apps/desktop/src/lib/branch/BranchCard.svelte b/apps/desktop/src/lib/branch/BranchCard.svelte
index a53373567..e1179d064 100644
--- a/apps/desktop/src/lib/branch/BranchCard.svelte
+++ b/apps/desktop/src/lib/branch/BranchCard.svelte
@@ -102,6 +102,8 @@
onGenerateBranchName={generateBranchName}
{isLaneCollapsed}
/>
+
+
{:else}
@@ -264,10 +266,19 @@
/* COLLAPSED LANE */
.collapsed-lane-container {
+ position: relative;
display: flex;
flex-direction: column;
padding: 12px;
height: 100%;
- border-right: 1px solid var(--clr-border-2);
+ }
+
+ .collapsed-lane-divider {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 1px;
+ height: 100%;
+ background-color: var(--clr-border-2);
}
diff --git a/apps/desktop/src/lib/branch/BranchHeader.svelte b/apps/desktop/src/lib/branch/BranchHeader.svelte
index 5ffdf7bdd..83334f0a7 100644
--- a/apps/desktop/src/lib/branch/BranchHeader.svelte
+++ b/apps/desktop/src/lib/branch/BranchHeader.svelte
@@ -129,7 +129,7 @@
role="button"
>
-
+
@@ -403,20 +403,7 @@
display: flex;
flex-direction: column;
align-items: center;
- gap: 2px;
- }
-
- .collapsed-lane__draggable {
- cursor: grab;
- transform: rotate(90deg);
- margin-bottom: 4px;
- opacity: 0.4;
- transition: opacity var(--transition-fast);
- color: var(--clr-scale-ntrl-0);
-
- &:hover {
- opacity: 1;
- }
+ gap: 10px;
}
/* */
diff --git a/apps/desktop/src/lib/components/Board.svelte b/apps/desktop/src/lib/components/Board.svelte
index 82d3e535f..f430c240a 100644
--- a/apps/desktop/src/lib/components/Board.svelte
+++ b/apps/desktop/src/lib/components/Board.svelte
@@ -240,6 +240,7 @@
.branch {
height: 100%;
+ width: fit-content;
}
.draggable-branch {