From eb27c95f253b0630b433369997c5c513e6833b7b Mon Sep 17 00:00:00 2001
From: Pavel Laptev <pawellaptew@gmail.com>
Date: Thu, 15 Feb 2024 21:59:52 +0100
Subject: [PATCH] Styles fix: file list item width fixed on structure view

---
 gitbutler-ui/src/lib/components/FileListItem.svelte   | 2 +-
 gitbutler-ui/src/lib/components/Navigation.svelte     | 2 +-
 gitbutler-ui/src/lib/components/TreeListFile.svelte   | 2 ++
 gitbutler-ui/src/lib/components/TreeListFolder.svelte | 3 ++-
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/gitbutler-ui/src/lib/components/FileListItem.svelte b/gitbutler-ui/src/lib/components/FileListItem.svelte
index e60f588db..6a380f68d 100644
--- a/gitbutler-ui/src/lib/components/FileListItem.svelte
+++ b/gitbutler-ui/src/lib/components/FileListItem.svelte
@@ -81,7 +81,7 @@
 	.file-list-item {
 		display: flex;
 		align-items: center;
-		height: var(--size-btn-m);
+		height: var(--space-28);
 		padding: var(--space-4) var(--space-8);
 		gap: var(--space-16);
 		border-radius: var(--radius-s);
diff --git a/gitbutler-ui/src/lib/components/Navigation.svelte b/gitbutler-ui/src/lib/components/Navigation.svelte
index 1fa0cb5b7..be630ca78 100644
--- a/gitbutler-ui/src/lib/components/Navigation.svelte
+++ b/gitbutler-ui/src/lib/components/Navigation.svelte
@@ -72,7 +72,7 @@
 	</div>
 	<Branches projectId={project.id} {branchService} {githubService} />
 	<Footer {user} projectId={project.id} />
-	<!-- <AppUpdater {update} /> -->
+
 	<Resizer
 		{viewport}
 		direction="right"
diff --git a/gitbutler-ui/src/lib/components/TreeListFile.svelte b/gitbutler-ui/src/lib/components/TreeListFile.svelte
index 90c43d1e8..e8a20684c 100644
--- a/gitbutler-ui/src/lib/components/TreeListFile.svelte
+++ b/gitbutler-ui/src/lib/components/TreeListFile.svelte
@@ -80,6 +80,7 @@
 <style lang="postcss">
 	.draggable-wrapper {
 		display: inline-block;
+		width: 100%;
 		margin-bottom: var(--space-2);
 		&:last-child {
 			margin-bottom: 0;
@@ -92,6 +93,7 @@
 		padding: var(--space-6) var(--space-8) var(--space-6) var(--space-6);
 		gap: var(--space-6);
 		border-radius: var(--radius-s);
+		width: 100%;
 		max-width: 100%;
 		background: var(--clr-theme-container-light);
 		&:not(.selected):hover {
diff --git a/gitbutler-ui/src/lib/components/TreeListFolder.svelte b/gitbutler-ui/src/lib/components/TreeListFolder.svelte
index ed4579c5f..2ac762bf8 100644
--- a/gitbutler-ui/src/lib/components/TreeListFolder.svelte
+++ b/gitbutler-ui/src/lib/components/TreeListFolder.svelte
@@ -81,7 +81,8 @@
 	.tree-list-folder {
 		display: flex;
 		align-items: center;
-		height: var(--size-btn-m);
+		height: var(--space-28);
+		width: 100%;
 		padding: var(--space-4) var(--space-8) var(--space-4) var(--space-4);
 		gap: var(--space-6);
 		border-radius: var(--radius-s);