📱 Improved mobile responsivness for quick-settings

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; }
+      }
     }
   }
 

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;