From 8526398d49fc4ed647f9cce477ab25398d476553 Mon Sep 17 00:00:00 2001
From: MerlinScheurer <merlin.scheurer@Yahoo.de>
Date: Sun, 12 Jan 2025 14:42:12 +0100
Subject: [PATCH] Refac untie download file and reindex on video page and add
 spacing

---
 frontend/src/pages/SettingsUser.tsx | 1 +
 frontend/src/pages/Video.tsx        | 8 +++++++-
 frontend/src/style.css              | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/SettingsUser.tsx b/frontend/src/pages/SettingsUser.tsx
index d87f0290..47cf64e4 100644
--- a/frontend/src/pages/SettingsUser.tsx
+++ b/frontend/src/pages/SettingsUser.tsx
@@ -90,6 +90,7 @@ const SettingsUser = () => {
                     setPageSize(Number(event.target.value));
                   }}
                 />
+
                 <div className="button-box">
                   {userConfig.config.page_size !== pageSize && (
                     <>
diff --git a/frontend/src/pages/Video.tsx b/frontend/src/pages/Video.tsx
index e76a1dfe..19425015 100644
--- a/frontend/src/pages/Video.tsx
+++ b/frontend/src/pages/Video.tsx
@@ -329,10 +329,14 @@ const Video = () => {
                   )}
                 </>
               )}
+            </div>
+
+            <div className="button-box">
               <a download="" href={`${getApiUrl()}${video.media_url}`}>
                 <Button label="Download File" id="download-item" />
-              </a>{' '}
+              </a>
             </div>
+
             <div className="button-box">
               {isAdmin && (
                 <>
@@ -364,6 +368,7 @@ const Video = () => {
                 </>
               )}{' '}
             </div>
+
             <div className="button-box">
               {!showAddToPlaylist && (
                 <Button
@@ -376,6 +381,7 @@ const Video = () => {
                   }}
                 />
               )}
+
               {showAddToPlaylist && (
                 <>
                   <div className="video-popup-menu">
diff --git a/frontend/src/style.css b/frontend/src/style.css
index ebcd71f9..cdf105d8 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -132,7 +132,7 @@ button:hover {
 }
 
 .button-box {
-  padding: 5px 0;
+  padding: 5px 2px;
   display: inline-flex;
   gap: 5px;
 }