fix column width

res/include/script/file_manager/DirectoryElement.js

@@ -24,11 +24,11 @@ function DirectoryElement(directoryArea, footer) {
 		this.directorySorters.appendChild(this.sortButtons[field])
 	}
 
-	this.fieldNameWidth = "300px"
+	// These widths are used for the sorters and the file nodes itself
 	this.fieldDateWidth = "160px"
 	this.fieldSizeWidth = "90px"
 	this.fieldTypeWidth = "200px"
-	makeSortButton("name",        "Name",          this.fieldNameWidth)
+	makeSortButton("name",        "Name",          "")
 	makeSortButton("dateCreated", "Creation Date", this.fieldDateWidth)
 	makeSortButton("size",        "Size",          this.fieldSizeWidth)
 	makeSortButton("type",        "Type",          this.fieldTypeWidth)
@@ -179,7 +179,6 @@ DirectoryElement.prototype.createFileButton = function(file, index) {
 
 	{
 		let cell = document.createElement("div")
-		cell.style.minWidth = this.fieldNameWidth
 		let thumb = document.createElement("img")
 		thumb.src = file.icon
 		cell.appendChild(thumb)

res/include/style/file_manager.css

@@ -46,7 +46,7 @@ is collapsed */
 	top: 0;
 	z-index: 1;
 	background-color: var(--layer_2_color);
-	min-width: 750px; /* Sum of all columns */
+	min-width: 850px;
 }
 .file_manager > .directory_area > .directory_sorters > div {
 	display: inline-block;
@@ -82,7 +82,7 @@ is collapsed */
 	above are out of view*/
 	box-sizing: border-box;
 	display: block;
-	min-width: 750px; /* Sum of all columns */
+	min-width: 850px;
 }
 
 .file_manager > .status_bar {
@@ -104,8 +104,6 @@ is collapsed */
 	margin: 0;
 	box-sizing: border-box;
 	color: var(--text_color);
-
-	/* padding-top: 6px; */
 }
 .node:hover:not(.node_selected) {
 	background-color: var(--input_color_dark);