From 27a4f9fa5c525b010efed0481affdab0ab4df848 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Mon, 11 Oct 2021 21:36:52 +0100
Subject: [PATCH] :iphone: Improved mobile responsivness for quick-settings

---
 src/components/Settings/SettingsContainer.vue | 5 +++++
 src/components/Settings/ThemeSelector.vue     | 1 +
 2 files changed, 6 insertions(+)

diff --git a/src/components/Settings/SettingsContainer.vue b/src/components/Settings/SettingsContainer.vue
index 941fdeee..60c91ce7 100644
--- a/src/components/Settings/SettingsContainer.vue
+++ b/src/components/Settings/SettingsContainer.vue
@@ -173,6 +173,11 @@ export default {
     @include very-tiny-phone {
       flex-direction: column;
       align-items: baseline;
+      div {
+        width: 100%;
+        text-align: center;
+        .theme-selector-section { justify-content: center; }
+      }
     }
   }
 
diff --git a/src/components/Settings/ThemeSelector.vue b/src/components/Settings/ThemeSelector.vue
index 8009241c..7cceb2f6 100644
--- a/src/components/Settings/ThemeSelector.vue
+++ b/src/components/Settings/ThemeSelector.vue
@@ -172,6 +172,7 @@ export default {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
+  justify-content: center;
   height: 100%;
   span.theme-label {
     font-size: 1rem;