From 20394ede9168493cdd5bc562aa3e845aa1a6ad33 Mon Sep 17 00:00:00 2001
From: Arnei <arnewilken@yahoo.de>
Date: Thu, 19 Dec 2024 11:28:34 +0100
Subject: [PATCH] Fix subtitle button height

Some button at the top of the subtitle editor were
not the right height. This patch should fix that.
---
 src/main/SubtitleEditor.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/main/SubtitleEditor.tsx b/src/main/SubtitleEditor.tsx
index 07a957aa3..451e15904 100644
--- a/src/main/SubtitleEditor.tsx
+++ b/src/main/SubtitleEditor.tsx
@@ -167,7 +167,7 @@ const SubtitleEditor: React.FC = () => {
 
 const subtitleButtonStyle = (theme: Theme) => css({
   fontSize: "16px",
-  height: "10px",
+  height: "42px",
   padding: "16px",
   justifyContent: "space-around",
   boxShadow: `${theme.boxShadow}`,
@@ -188,13 +188,13 @@ const DeleteButton: React.FC = () => {
   return (
     <>
       <ThemedTooltip title={t("subtitles.deleteButton-tooltip")}>
-        <div css={[basicButtonStyle(theme), subtitleButtonStyle(theme)]}
-          role="button"
+        <ProtoButton
           onClick={() => modalRef.current?.open()}
+          css={[basicButtonStyle(theme), subtitleButtonStyle(theme)]}
         >
           <LuTrash2 css={{ fontSize: "16px" }}/>
           <span>{t("subtitles.deleteButton-title")}</span>
-        </div>
+        </ProtoButton>
       </ThemedTooltip>
       {/* Hidden input field for upload */}
       <ConfirmationModal