From fa60295ab25aea622e147fe319b3623252517b88 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Wed, 26 Feb 2025 19:41:39 +0200
Subject: [PATCH] feat(note_list): improve file footer

---
 src/public/app/services/content_renderer.ts |  4 ++--
 src/public/stylesheets/style.css            | 11 +++++++++++
 src/public/stylesheets/theme-next/shell.css |  4 ++++
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/public/app/services/content_renderer.ts b/src/public/app/services/content_renderer.ts
index 7064829fc..ec81ef3bc 100644
--- a/src/public/app/services/content_renderer.ts
+++ b/src/public/app/services/content_renderer.ts
@@ -203,7 +203,7 @@ function renderFile(entity: FNote | FAttachment, type: string, $renderedContent:
         // open doesn't work for protected notes since it works through a browser which isn't in protected session
         $openButton.toggle(!entity.isProtected);
 
-        $content.append($('<div style="display: flex; justify-content: space-evenly; margin-top: 5px;">').append($downloadButton).append($openButton));
+        $content.append($('<footer class="file-footer">').append($downloadButton).append($openButton));
     }
 
     $renderedContent.append($content);
@@ -239,7 +239,7 @@ async function renderMermaid(note: FNote | FAttachment, $renderedContent: JQuery
  * @param {FNote} note
  * @returns {Promise<void>}
  */
-async function renderChildrenList($renderedContent: JQuery<HTMLElement>, note: FNote) {    
+async function renderChildrenList($renderedContent: JQuery<HTMLElement>, note: FNote) {
     let childNoteIds = note.getChildNoteIds();
 
     if (!childNoteIds.length) {
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index 7d6a6501c..e4e54b0f1 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -1684,4 +1684,15 @@ body.zen .note-title-widget,
 body.zen .note-title-widget input {
     font-size: 1rem !important;
     background: transparent !important;
+}
+
+/* Content renderer */
+
+footer.file-footer {
+    display: flex;
+    justify-content: center;
+}
+
+footer.file-footer button {
+    margin: 5px;
 }
\ No newline at end of file
diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index 377a3f484..8caae2685 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1560,6 +1560,10 @@ div.bookmark-folder-widget .note-link .bx {
     border-bottom-color: var(--card-border-color);
 }
 
+.note-list-wrapper .note-book-card footer.file-footer {
+    border: 1px solid var(--card-border-color);
+}
+
 .note-list-wrapper .note-book-card .note-book-header .note-icon {
     font-size: 17px;
     vertical-align: text-bottom;