Remove top padding from setting lists

src/components/reader/ReaderSettingsOptions.tsx

@@ -36,7 +36,7 @@ export function ReaderSettingsOptions({
     const { t } = useTranslation();
     const fitPageToWindowEligible = !isHorizontalReaderType(readerType);
     return (
-        <List>
+        <List sx={{ pt: 0 }}>
             <ListItem>
                 <ListItemText primary={t('reader.settings.label.static_navigation')} />
                 <Switch

src/components/settings/DeviceSetting.tsx

@@ -79,7 +79,7 @@ export const DeviceSetting = () => {
     }
 
     return (
-        <List>
+        <List sx={{ pt: 0 }}>
             <MutableListSetting
                 settingName={t('settings.device.devices.label.title')}
                 description={t('settings.device.devices.label.description')}

src/screens/settings/About.tsx

@@ -250,7 +250,7 @@ export function About() {
     const isWebUIUpdateAvailable = !!webUIUpdateData?.checkForWebUIUpdate.updateAvailable;
 
     return (
-        <List>
+        <List sx={{ pt: 0 }}>
             <List
                 sx={{ padding: 0 }}
                 subheader={

src/screens/settings/BrowseSettings.tsx

@@ -80,7 +80,7 @@ export const BrowseSettings = () => {
     const serverSettings = extractBrowseSettings(data!.settings);
 
     return (
-        <List>
+        <List sx={{ pt: 0 }}>
             <ListItem>
                 <ListItemText primary={t('settings.label.hide_library_entries')} />
                 <Switch

src/screens/settings/DownloadSettings.tsx

@@ -124,7 +124,7 @@ export const DownloadSettings = () => {
     );
 
     return (
-        <List>
+        <List sx={{ pt: 0 }}>
             <TextSetting
                 settingName={t('download.settings.download_path.label.title')}
                 dialogDescription={t('download.settings.download_path.label.description')}

src/screens/settings/LibrarySettings.tsx

@@ -121,7 +121,7 @@ export function LibrarySettings() {
     }
 
     return (
-        <List>
+        <List sx={{ pt: 0 }}>
             <List
                 subheader={
                     <ListSubheader component="div" id="library-general-settings">

src/screens/settings/ServerSettings.tsx

@@ -210,7 +210,7 @@ export const ServerSettings = () => {
     const serverSettings = extractServerSettings(data!.settings);
 
     return (
-        <List>
+        <List sx={{ pt: 0 }}>
             {localSettings}
             <List
                 subheader={

src/screens/settings/TrackingSettings.tsx

@@ -87,7 +87,7 @@ export const TrackingSettings = () => {
 
     return (
         <>
-            <List>
+            <List sx={{ pt: 0 }}>
                 <ListItem>
                     <ListItemText primary={t('tracking.settings.label.update_progress_reading')} />
                     <Switch

src/screens/settings/WebUISettings.tsx

@@ -194,7 +194,7 @@ export const WebUISettings = () => {
     const isCustomWebUI = webUISettings.webUIFlavor === WebUiFlavor.Custom;
 
     return (
-        <List>
+        <List sx={{ pt: 0 }}>
             <SelectSetting<WebUiFlavor>
                 settingName={t('settings.webui.flavor.label.title')}
                 value={webUISettings.webUIFlavor}