Settings fixes

src/renderer/features/settings/components/general-tab.tsx

@@ -5,24 +5,28 @@ export const GeneralTab = () => {
   const options = [
     {
       control: <Select disabled data={[]} />,
-      description: 'Primary application language ',
+      description: 'Sets the application language',
+      isHidden: false,
       title: 'Language',
     },
     {
       control: <Select disabled data={[]} />,
-      description: 'Theme for the application',
+      description: 'Sets the default theme',
+      isHidden: false,
       title: 'Theme',
     },
     {
       control: <Select disabled data={[]} />,
-      description: 'Font for the application',
+      description: 'Sets the default font',
+      isHidden: false,
       title: 'Font',
     },
     {
       control: (
         <Select disabled data={['Windows', 'macOS']} defaultValue="Windows" />
       ),
-      description: 'Font for the application',
+      description: 'Adjust the style of the titlebar',
+      isHidden: false,
       title: 'Titlebar style',
     },
   ];

src/renderer/features/settings/components/playback-tab.tsx

@@ -226,6 +226,7 @@ export const PlaybackTab = () => {
           <Tooltip label="Backward">
             <NumberInput
               defaultValue={settings.skipButtons.skipBackwardSeconds}
+              min={0}
               width={75}
               onBlur={(e) =>
                 update({
@@ -243,6 +244,7 @@ export const PlaybackTab = () => {
           <Tooltip label="Forward">
             <NumberInput
               defaultValue={settings.skipButtons.skipForwardSeconds}
+              min={0}
               width={75}
               onBlur={(e) =>
                 update({

src/renderer/features/settings/components/settings.tsx

@@ -8,7 +8,7 @@ export const Settings = () => {
   const currentTab = useSettingsStore((state) => state.tab);
   const update = useSettingsStore((state) => state.setSettings);
   return (
-    <Box px="1rem" sx={{ height: '800px', maxHeight: '50vh' }}>
+    <Box pr={15} sx={{ height: '800px', maxHeight: '50vh' }}>
       <Tabs
         orientation="horizontal"
         styles={{