From ae7a19d433ead68ae7983abf12773aadee8634d8 Mon Sep 17 00:00:00 2001
From: Tobias Frischmann <tobias.frischmann@proton.me>
Date: Tue, 8 Sep 2026 15:35:00 +0200
Subject: [PATCH] add setting to change org on mobile

---
 app/components/Nav/OrgSelect.vue          | 2 +-
 app/components/Settings/SettingsSheet.vue | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/components/Nav/OrgSelect.vue b/app/components/Nav/OrgSelect.vue
index 7dfb687..b0f9fff 100644
--- a/app/components/Nav/OrgSelect.vue
+++ b/app/components/Nav/OrgSelect.vue
@@ -30,7 +30,7 @@
 </script>
 
 <template>
-	<div class="flex justify-between">
+	<div class="flex gap-1 justify-between">
 		<div>
 			{{ selectedOrgDisplay }}
 		</div>
diff --git a/app/components/Settings/SettingsSheet.vue b/app/components/Settings/SettingsSheet.vue
index cefa6f4..10cda4d 100644
--- a/app/components/Settings/SettingsSheet.vue
+++ b/app/components/Settings/SettingsSheet.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 	import type { Locale } from "vue-i18n";
+	import OrgSelect from "../Nav/OrgSelect.vue";
 	import Sheet from "../Utils/Sheet.vue";
 	import ApiKeys from "./ApiKeys.vue";
 	import Categories from "./Categories.vue";
@@ -57,13 +58,19 @@
 <template>
 	<Sheet :is-open="isOpen" :title="t('model.title.settings')" @close="close">
 		<div data-testid="settings-sheet" class="flex flex-col gap-4">
+			<div
+				v-if="isMobile"
+				class="w-fit bg-surface border-secondary h-8 rounded border px-1 flex items-center"
+			>
+				<OrgSelect />
+			</div>
 			<div class="flex flex-wrap gap-2">
 				<GoogleLogin />
 				<div>
 					<button
 						type="button"
 						data-testid="add-label-button"
-						class="bg-surface border-secondary h-8 cursor-pointer rounded border px-1 text-white flex items-center gap-1"
+						class="bg-surface border-secondary h-8 cursor-pointer rounded border px-1 flex items-center gap-1"
 						@click="sendPush()"
 					>
 						<Icon
-- 
2.51.2