improve modal styles

src/View/Modals/settingsModal.tsx

@@ -12,12 +12,14 @@ export function SettingsModal(settingsViewModel: SettingsViewModel) {
             class="modal"
             toggle:open={settingsViewModel.isShowingSettingsModal}
         >
-            <div style="max-width: 64rem">
+            <div>
                 <main class="padding-0">
                     {SplitModal(
                         new React.State(SettingsLeftPane(settingsViewModel)),
                         new React.State(<span>settings</span>),
                         new React.State(""),
+                        false,
+                        settingsViewModel.selectedModalPage,
                     )}
                 </main>
                 <button on:click={settingsViewModel.hideSettingsModal}>
@@ -31,7 +33,7 @@ export function SettingsModal(settingsViewModel: SettingsViewModel) {
 
 function SettingsLeftPane(settingsViewModel: SettingsViewModel) {
     return (
-        <div class="flex-column">
+        <div class="flex-column gap">
             {SettingsPaneButton(
                 settingsViewModel,
                 SettingsModalPages.Appearance,
@@ -42,6 +44,11 @@ function SettingsLeftPane(settingsViewModel: SettingsViewModel) {
                 SettingsModalPages.Regional,
                 translations.settings.pages.regional,
             )}
+            {SettingsPaneButton(
+                settingsViewModel,
+                SettingsModalPages.Info,
+                translations.settings.pages.info,
+            )}
         </div>
     );
 }

src/View/Modals/storageModal.tsx

@@ -64,12 +64,13 @@ export function StorageModal(storageViewModel: StorageViewModel) {
     );
     return (
         <div class="modal" toggle:open={storageViewModel.isShowingStorageModal}>
-            <div style="max-width: 64rem">
+            <div>
                 <main class="padding-0">
                     {SplitModal(
                         new React.State(DirectoryItemList(storageViewModel)),
                         detailView,
                         storageViewModel.selectedFileName,
+                        true,
                     )}
                 </main>
                 <button on:click={storageViewModel.hideStorageModal}>