Refac untie download file and reindex on video page and add spacing

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 && (
                     <>

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">

frontend/src/style.css

@@ -132,7 +132,7 @@ button:hover {
 }
 
 .button-box {
-  padding: 5px 0;
+  padding: 5px 2px;
   display: inline-flex;
   gap: 5px;
 }