From 3fe325c4ceb04f066c895d4d80d05795b8fe3ca6 Mon Sep 17 00:00:00 2001
From: Nils Schneider <nils.schneider@posteo.de>
Date: Tue, 11 Nov 2025 01:57:00 +0100
Subject: [PATCH] fix

---
 frontend/src/documents/DocumentsList.jsx  | 168 +++++++++++-----------
 frontend/src/styles/documents/listing.css |  13 --
 2 files changed, 82 insertions(+), 99 deletions(-)

diff --git a/frontend/src/documents/DocumentsList.jsx b/frontend/src/documents/DocumentsList.jsx
index d17fdce..714b2d8 100644
--- a/frontend/src/documents/DocumentsList.jsx
+++ b/frontend/src/documents/DocumentsList.jsx
@@ -139,96 +139,92 @@ const DocumentsList = ({
                   <FolderIcon className="thumb-icon__image" size={32} />
                 </div>
               </td>
-              <td className="doc-list__name" colSpan={3}>
-                <div className="folder-row__columns">
-                  <div className="folder-row__primary">
-                    <div className="doc-list__name-content">
-                      <span className="doc-name__title">
-                        <span className="doc-name__primary">
-                          {isFolderEditing ? (
-                            <span className="doc-title-edit">
-                              <input
-                                type="text"
-                                ref={attachFolderInputRef}
-                                value={folderDraftValue}
-                                onChange={(event) => setFolderDraft(event.target.value)}
-                                onClick={(event) => event.stopPropagation()}
-                                onKeyDown={(event) => {
-                                  if (event.key === 'Enter') {
-                                    event.preventDefault();
-                                    submitFolderEditing(folder);
-                                  } else if (event.key === 'Escape') {
-                                    event.preventDefault();
-                                    cancelFolderEditing(event);
-                                  }
-                                }}
-                                onBlur={(event) => {
-                                  const nextFocus = event.relatedTarget;
-                                  if (!nextFocus || !event.currentTarget.parentElement?.contains(nextFocus)) {
-                                    cancelFolderEditing();
-                                  }
-                                }}
-                              />
-                              <button
-                                type="button"
-                                className="icon-button"
-                                aria-label="Save name"
-                                title="Save name"
-                                disabled={!canSubmitFolder || isFolderSaving}
-                                onClick={(event) => {
-                                  event.stopPropagation();
-                                  submitFolderEditing(folder);
-                                }}
-                              >
-                                <CheckIcon />
-                              </button>
-                              <button
-                                type="button"
-                                className="icon-button"
-                                aria-label="Cancel"
-                                title="Cancel"
-                                onClick={(event) => {
-                                  cancelFolderEditing(event);
-                                }}
-                              >
-                                <CloseIcon />
-                              </button>
-                            </span>
-                          ) : (
-                            <span
-                              className="doc-name__primary-text"
-                              role={allowInlineFolderEdit ? 'button' : undefined}
-                              tabIndex={allowInlineFolderEdit ? 0 : undefined}
-                              onClick={(event) => {
-                                if (!allowInlineFolderEdit) {
-                                  return;
-                                }
+              <td className="doc-list__name">
+                <div className="doc-list__name-content">
+                  <span className="doc-name__title">
+                    <span className="doc-name__primary">
+                      {isFolderEditing ? (
+                        <span className="doc-title-edit">
+                          <input
+                            type="text"
+                            ref={attachFolderInputRef}
+                            value={folderDraftValue}
+                            onChange={(event) => setFolderDraft(event.target.value)}
+                            onClick={(event) => event.stopPropagation()}
+                            onKeyDown={(event) => {
+                              if (event.key === 'Enter') {
                                 event.preventDefault();
-                                event.stopPropagation();
-                                beginFolderEditing(folder);
-                              }}
-                              onKeyDown={(event) => {
-                                if (!allowInlineFolderEdit) {
-                                  return;
-                                }
-                                if (event.key === 'Enter') {
-                                  event.preventDefault();
-                                  event.stopPropagation();
-                                  beginFolderEditing(folder);
-                                }
-                              }}
-                            >
-                              {folder.name}
-                            </span>
-                          )}
+                                submitFolderEditing(folder);
+                              } else if (event.key === 'Escape') {
+                                event.preventDefault();
+                                cancelFolderEditing(event);
+                              }
+                            }}
+                            onBlur={(event) => {
+                              const nextFocus = event.relatedTarget;
+                              if (!nextFocus || !event.currentTarget.parentElement?.contains(nextFocus)) {
+                                cancelFolderEditing();
+                              }
+                            }}
+                          />
+                          <button
+                            type="button"
+                            className="icon-button"
+                            aria-label="Save name"
+                            title="Save name"
+                            disabled={!canSubmitFolder || isFolderSaving}
+                            onClick={(event) => {
+                              event.stopPropagation();
+                              submitFolderEditing(folder);
+                            }}
+                          >
+                            <CheckIcon />
+                          </button>
+                          <button
+                            type="button"
+                            className="icon-button"
+                            aria-label="Cancel"
+                            title="Cancel"
+                            onClick={(event) => {
+                              cancelFolderEditing(event);
+                            }}
+                          >
+                            <CloseIcon />
+                          </button>
                         </span>
-                      </span>
-                    </div>
-                  </div>
-                  <div className="folder-row__meta">—</div>
-                  <div className="folder-row__meta">—</div>
+                      ) : (
+                        <span
+                          className="doc-name__primary-text"
+                          role={allowInlineFolderEdit ? 'button' : undefined}
+                          tabIndex={allowInlineFolderEdit ? 0 : undefined}
+                          onClick={(event) => {
+                            if (!allowInlineFolderEdit) {
+                              return;
+                            }
+                            event.preventDefault();
+                            event.stopPropagation();
+                            beginFolderEditing(folder);
+                          }}
+                          onKeyDown={(event) => {
+                            if (!allowInlineFolderEdit) {
+                              return;
+                            }
+                            if (event.key === 'Enter') {
+                              event.preventDefault();
+                              event.stopPropagation();
+                              beginFolderEditing(folder);
+                            }
+                          }}
+                        >
+                          {folder.name}
+                        </span>
+                      )}
+                    </span>
+                  </span>
                 </div>
               </td>
+              <td>—</td>
+              <td>—</td>
             </tr>
           );
         }
diff --git a/frontend/src/styles/documents/listing.css b/frontend/src/styles/documents/listing.css
index 9741eb5..c7a0fc1 100644
--- a/frontend/src/styles/documents/listing.css
+++ b/frontend/src/styles/documents/listing.css
@@ -20,19 +20,6 @@
   outline-offset: -2px;
 }
 
-.folder-row__columns {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 7rem 7rem;
-  gap: 0.5rem;
-  align-items: center;
-}
-
-.folder-row__meta {
-  font-variant-numeric: tabular-nums;
-  color: var(--muted);
-  text-align: left;
-}
-
 .documents-grid .folder-card.is-drop-target {
   outline: 2px dashed var(--accent-strong, var(--accent));
   outline-offset: 2px;