From 450563839e828319fe56b6216e541038d153574b Mon Sep 17 00:00:00 2001
From: Robert Kossessa <github@kosro.de>
Date: Fri, 9 Feb 2024 11:20:41 +0100
Subject: [PATCH] UPD: Dropdown options style

---
 src/components/navbar/Navbar.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/navbar/Navbar.vue b/src/components/navbar/Navbar.vue
index 8972f7d..d20eaa8 100644
--- a/src/components/navbar/Navbar.vue
+++ b/src/components/navbar/Navbar.vue
@@ -43,12 +43,14 @@
               <MenubarShortcut>⌘N</MenubarShortcut>
             </MenubarItem>
             <MenubarSeparator />
-            <MenubarItem @click.prevent="store.cycleScreenOrientation">
-              Orientation: {{ store.screenOrientation }}°
+            <MenubarItem class="flex justify-between" @click.prevent="store.cycleScreenOrientation">
+              <p>Orientation: </p>
+              <p>{{ store.screenOrientation }}°</p>
             </MenubarItem>
             <MenubarSeparator />
-            <MenubarItem @click="store.switchPreviewDeviceModel">
-              Skin: {{ previewDeviceNames[store.previewDeviceModel || 'nanoOne'] }}
+            <MenubarItem class="flex justify-between" @click="store.switchPreviewDeviceModel">
+              <p>Skin: </p>
+              <p>{{ previewDeviceNames[store.previewDeviceModel || 'nanoOne'] }}</p>
             </MenubarItem>
             <MenubarSeparator />
             <MenubarItem>{{ $t('navbar.device.export') }}