Skip to content

Commit c687b24

Browse files
committed
Add padding to subtitle editor bottom
If the browser window was small enough to make scrollbars appear, the scrollbars could overlap the navigation element at the bottom of the subtitle editor, making it hardly usable. This fixes that by adding some padding.
1 parent cc83364 commit c687b24

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

src/main/SubtitleTimeline.tsx

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -132,8 +132,15 @@ const SubtitleTimeline: React.FC = () => {
132132
}
133133
};
134134

135+
const subtitleTimelineStyle = css({
136+
position: "relative",
137+
width: "100%",
138+
height: "250px",
139+
paddingBottom: "15px",
140+
});
141+
135142
return (
136-
<div css={{ position: "relative", width: "100%", height: "250px" }}>
143+
<div css={subtitleTimelineStyle}>
137144
{/* "Scrubber". Sits smack dab in the middle and does not move */}
138145
<div
139146
css={{

0 commit comments

Comments
 (0)