From fcb248a5feb7b7404ca5923aae17f6d3f8d3cc96 Mon Sep 17 00:00:00 2001
From: Henrique Dias <mail@hacdias.com>
Date: Tue, 8 Jul 2025 08:23:53 +0200
Subject: [PATCH] fix: long file name overlap

---
 frontend/src/css/listing.css             | 16 ++++++----------
 frontend/src/views/files/FileListing.vue |  1 -
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/frontend/src/css/listing.css b/frontend/src/css/listing.css
index fa1c01a8..d55fe67c 100644
--- a/frontend/src/css/listing.css
+++ b/frontend/src/css/listing.css
@@ -195,10 +195,6 @@ html[dir="rtl"] #listing {
   align-items: center;
 }
 
-#listing.list .item p.name:not(#listing.list .item.header .name) {
-  margin-right: -3em;
-}
-
 #listing.list .item .name {
   width: 50%;
 }
@@ -227,18 +223,18 @@ html[dir="rtl"] #listing {
   border-bottom: 1px solid var(--borderPrimary);
 }
 
-#listing.list .item.header > div:first-child {
-  width: 0;
+#listing.list .item.header > div {
+  width: 100%;
+}
+
+#listing.list .item.header .name {
+  margin-right: 3em;
 }
 
 #listing.list .header a {
   color: inherit;
 }
 
-#listing.list .item.header > div:first-child {
-  width: 0;
-}
-
 #listing.list .name {
   font-weight: normal;
   word-wrap: break-word;
diff --git a/frontend/src/views/files/FileListing.vue b/frontend/src/views/files/FileListing.vue
index 60d74169..93853408 100644
--- a/frontend/src/views/files/FileListing.vue
+++ b/frontend/src/views/files/FileListing.vue
@@ -162,7 +162,6 @@
       >
         <div>
           <div class="item header">
-            <div></div>
             <div>
               <p
                 :class="{ active: nameSorted }"