Fix filename and popover menu misalignment

Signed-off-by: GretaD <gretadoci@gmail.com>

2 files changed, 10 insertions, 8 deletions

diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index 91797065769..9d9daabc279 100644
--- a/apps/files/css/files.scss
+++ b/apps/files/css/files.scss
@@ -59,7 +59,7 @@
 	position: relative;
 	width: 100%;
 	min-width: 250px;
-	display: flex;
+	display: block;
 	flex-direction: column;
 	// hide table if emptycontent is not hidden
 	#emptycontent:not(.hidden) ~ & {
@@ -77,6 +77,14 @@
 		display: block;
 		background-color: var(--color-main-background-translucent);
 	}
+
+	/**
+	 * This is a dirty hack as the sticky header requires us to use a different display type on the table element
+	 */
+	tbody {
+		display: table;
+		width: 100%;
+	}
 }
 
 #filestable.hidden {
@@ -383,13 +391,12 @@ table {
 			width: 0;
 			flex-grow: 1;
 			display: flex;
-			padding: 0;
 			overflow: hidden;
 			white-space: nowrap;
 			text-overflow: ellipsis;
 			height: 100%;
 			z-index: 10;
-			padding-right: 20px;
+			padding: 0 20px 0 0;
 		}
 	}
 
diff --git a/apps/files/css/mobile.scss b/apps/files/css/mobile.scss
index 3ba5f1e0d8d..da6fdd25f28 100644
--- a/apps/files/css/mobile.scss
+++ b/apps/files/css/mobile.scss
@@ -8,11 +8,6 @@ $min-table-width: 688px;
 	background-color: rgba(255, 255, 255, 1)!important;
 }
 
-#body-user #filestable {
-	min-width: 250px;
-	display: initial;
-}
-
 table th#headerSize,
 table td.filesize,
 table th#headerDate,