chore: tweak options page padding

In particular this should make the page look less squashed on iPhone.
birchill · Dec 6, 2023 · 695feca · 695feca
1 parent 2996987
commit 695feca
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/options/OptionsPage.tsx b/src/options/OptionsPage.tsx
@@ -21,7 +21,7 @@ export function OptionsPage(props: Props) {
 
   return (
     <I18nProvider>
-      <div class="mx-auto max-w-[780px] px-2">
+      <div class="mx-auto max-w-[780px] px-6 pt-6">
         <GeneralSettings config={props.config} />
         <PopupStyleSettings config={props.config} />
         <PopupInteractivitySettings config={props.config} />

diff --git a/src/options/cosmos.html b/src/options/cosmos.html
@@ -9,7 +9,7 @@
     <title>10ten Japanese Reader options</title>
   </head>
   <body>
-    <div id="root"></div>
+    <div id="root" class="px-6 pt-6"></div>
     <!-- SVG assets -->
     <svg width="0" height="0" role="presentation">
       <defs>

diff --git a/src/options/options.css b/src/options/options.css
@@ -16,6 +16,7 @@
     font: message-box;
     font-size: 15px;
     color: #222426;
+    margin: 0;
   }
 
   @media (max-width: 400px) {