From 9b55b5a1ef7faaedddf06e390e4afbe20305221d Mon Sep 17 00:00:00 2001
From: Ben Hollis <ben@benhollis.net>
Date: Wed, 3 Jan 2024 22:32:27 -0800
Subject: [PATCH] Mobile settings styles

---
 src/app/settings/SettingsPage.m.scss | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/app/settings/SettingsPage.m.scss b/src/app/settings/SettingsPage.m.scss
index fed3ab61f8..b0f3b540b4 100644
--- a/src/app/settings/SettingsPage.m.scss
+++ b/src/app/settings/SettingsPage.m.scss
@@ -14,6 +14,10 @@
   h1 {
     margin: 0 0 16px 0;
     font-size: 20px;
+
+    @include phone-portrait {
+      margin: 16px 0;
+    }
   }
 
   h2 {
@@ -27,7 +31,7 @@
   section {
     display: flex;
     flex-direction: column;
-    gap: 4px;
+    gap: 8px;
   }
 
   label {
@@ -50,9 +54,16 @@
 
 .setting {
   composes: flexColumn from '../dim-ui/common.m.scss';
-  gap: 4px;
+  gap: 8px;
   padding: 8px;
   background-color: var(--theme-search-bg);
+
+  @include phone-portrait {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding: 10px;
+  }
+
   > .setting {
     padding: 0;
     margin: 0;