Make filesystem view more responsive by moving the toolbar

svelte/src/filesystem/filemanager/FileManager.svelte

@@ -226,8 +226,9 @@ onMount(() => {
 	height: 100%;
 	width: 100%;
 	padding: 0;
-	overflow-y: auto;
+	overflow: auto;
 	text-align: center;
+	display: block;
 }
 .width_container {
 	position: relative;
@@ -238,7 +239,8 @@ onMount(() => {
 	background: var(--shaded_background);
 }
 .toolbar {
-	position: relative;
+	position: sticky;
+	top: 0;
 	display: inline-flex;
 	flex-direction: row;
 	width: 100%;

svelte/src/filesystem/filemanager/ListView.svelte

@@ -40,13 +40,13 @@ export let show_hidden = false
 					<a
 						href="/d/{child.id}"
 						on:click|preventDefault|stopPropagation={() => {dispatch("node_share_click", index)}}
-						class="button small_button"
+						class="button action_button"
 					>
 						<i class="icon" title="This file / directory is shared. Click to open public link">share</i>
 					</a>
 				{/if}
 				{#if state.permissions.update}
-					<button class="small_button" on:click|preventDefault|stopPropagation={() => {dispatch("node_settings", index)}}>
+					<button class="action_button" on:click|preventDefault|stopPropagation={() => {dispatch("node_settings", index)}}>
 						<i class="icon">edit</i>
 					</button>
 				{/if}
@@ -117,6 +117,11 @@ td {
 .node_icons {
 	white-space: nowrap;
 	text-align: right;
+	padding: 0;
+}
+.action_button {
+	margin: 0;
+	background: none;
 }
 .hidden {
 	display: none;