Merge pull request #1524 from Arnei/subtitle-button-height

Fix subtitle button height
opencast · Jan 8, 2025 · 261d69f · 261d69f
2 parents 310c374 + 20394ed
commit 261d69f
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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