fix: align buttons

Vinzent03 · Oct 18, 2022 · a09bc4a · a09bc4a
1 parent 90740f3
commit a09bc4a
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 0 deletions.
diff --git a/src/ui/sidebar/components/fileComponent.svelte b/src/ui/sidebar/components/fileComponent.svelte
@@ -93,6 +93,11 @@
 		on:click|self={showDiff}
 		on:auxclick|self={showDiff}
 	>
+		<!-- <div
+			data-icon="folder"
+			bind:this={buttons[3]}
+			style="padding-right: 5px; display: flex;"
+		/> -->
 		<div
 			on:click={showDiff}
 			on:auxclick={showDiff}
@@ -145,6 +150,7 @@
 			margin-left: auto;
 			.type {
 				padding-left: var(--size-2-1);
+				width: 11px;
 				display: flex;
 				align-items: center;
 				justify-content: center;

diff --git a/src/ui/sidebar/components/stagedFileComponent.svelte b/src/ui/sidebar/components/stagedFileComponent.svelte
@@ -110,6 +110,7 @@
 			margin-left: auto;
 			.type {
 				padding-left: var(--size-2-1);
+				width: 11px;
 				display: flex;
 				align-items: center;
 				justify-content: center;

diff --git a/src/ui/sidebar/components/treeComponent.svelte b/src/ui/sidebar/components/treeComponent.svelte
@@ -75,6 +75,10 @@
 					class="nav-folder-title"
 					on:click|self={() => fold(entity)}
 				>
+					<div
+						data-icon="folder"
+						style="padding-right: 5px; display: flex; "
+					/>
 					<div
 						class="nav-folder-collapse-indicator collapse-icon"
 						on:click={() => fold(entity)}
@@ -183,6 +187,7 @@
 									>
 								</div>
 							{/if}
+							<div style="width:11px" />
 						</div>
 					</div>
 				</div>

diff --git a/src/ui/sidebar/gitView.svelte b/src/ui/sidebar/gitView.svelte
@@ -569,6 +569,7 @@
 			}
 			.files-count {
 				padding-left: var(--size-2-1);
+				width: 11px;
 				display: flex;
 				align-items: center;
 				justify-content: center;