From 9bffa5beff99ebc0b965e675e31325ef140f7010 Mon Sep 17 00:00:00 2001
From: =?utf8?q?John=20Molakvo=C3=A6?= <skjnldsv@protonmail.com>
Date: Tue, 28 Dec 2021 15:18:03 +0100
Subject: [PATCH] Fix uploading text position
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
---
 apps/files/css/files.scss | 34 +++++++++++++++++++++++++---------
 1 file changed, 25 insertions(+), 9 deletions(-)

diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index 15255fdc47f..2c9be4ef3fe 100644
--- a/apps/files/css/files.scss
+++ b/apps/files/css/files.scss
@@ -428,11 +428,6 @@ table {
 			padding: 0 20px 0 0;
 		}
 	}
-
-	.uploadtext {
-		position: absolute;
-		left: 55px;
-	}
 }
 
 .hide-hidden-files #filestable #fileList tr.hidden-file,
@@ -460,13 +455,22 @@ table td.filename .nametext .innernametext {
 /* for smaller resolutions - see mobile.css */
 
 table td.filename .uploadtext {
+	position: absolute;
 	font-weight: normal;
-	margin-left: 55px;
-	margin-top: 5px;
+	// checkbox width
+	margin-left: 50px;
+	left: 0;
+	bottom: 0;
 	height: 20px;
-	padding: 10px 0;
+	padding: 0 4px;
+	// align with file name
+	padding-left: 1px;
 	font-size: 11px;
-	opacity: .5;
+	// double the font size
+	line-height: 22px;
+	color: var(--color-text-maxcontrast);
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 
 table td.selection {
@@ -988,6 +992,18 @@ table.dragshadow td.size {
 					}
 				}
 
+				.uploadtext {
+					width: 100%;
+					margin: 0;
+					top: 0;
+					bottom: auto;
+					// checkbox align
+					height: 28px;
+					padding-top: 4px;
+					// checkbox margins
+					padding-left: calc(44px - 16px);
+				}
+
 				.name {
 					height: 100%;
 					border-radius: var(--border-radius);
-- 
2.39.5