From d79fbcd168c91960eeeb4b39f605225012db1804 Mon Sep 17 00:00:00 2001
From: Simon <simobilleter@gmail.com>
Date: Wed, 8 Jan 2025 15:35:02 +0700
Subject: [PATCH] fix video button layout

---
 frontend/src/pages/Video.tsx | 6 +++++-
 frontend/src/style.css       | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/Video.tsx b/frontend/src/pages/Video.tsx
index 5c2da1ea..62c86bd5 100644
--- a/frontend/src/pages/Video.tsx
+++ b/frontend/src/pages/Video.tsx
@@ -315,7 +315,7 @@ const Video = () => {
               {!reindex && (
                 <>
                   {isAdmin && (
-                    <div id="reindex-button" className="button-box">
+                    <div id="reindex-button">
                       <Button
                         label="Reindex"
                         title={`Reindex ${video.title}`}
@@ -331,6 +331,8 @@ const Video = () => {
               <a download="" href={`${getApiUrl()}${video.media_url}`}>
                 <Button label="Download File" id="download-item" />
               </a>{' '}
+            </div>
+            <div className="button-box">
               {isAdmin && (
                 <>
                   {!showDeleteConfirm && (
@@ -360,6 +362,8 @@ const Video = () => {
                   )}
                 </>
               )}{' '}
+            </div>
+            <div className="button-box">
               {!showAddToPlaylist && (
                 <Button
                   label="Add To Playlist"
diff --git a/frontend/src/style.css b/frontend/src/style.css
index b13c8fba..9e4f4f58 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -131,6 +131,7 @@ button:hover {
   padding: 5px 0;
   display: inline-flex;
   gap: 5px;
+  width: 100%;
 }
 
 .unsubscribe {