From 88094024e52e9c04a6cdae3bde2503706622522a Mon Sep 17 00:00:00 2001
From: Martin Allerton <martin@dwf360.com>
Date: Tue, 3 Jan 2023 16:57:40 +0000
Subject: [PATCH 1/8] Remove extraneous padding from the explore app lists

---
 src/components/overlays/explore/Explore.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/overlays/explore/Explore.vue b/src/components/overlays/explore/Explore.vue
index ee4e3e2d..e0a6a762 100644
--- a/src/components/overlays/explore/Explore.vue
+++ b/src/components/overlays/explore/Explore.vue
@@ -323,7 +323,7 @@
                 <q-tab name="bookmarks" label="Bookmarks" />
             </q-tabs>
             <q-tab-panels v-model="tab" animated class="full-height">
-                <q-tab-panel name="all">
+                <q-tab-panel name="all" class="q-pa-none">
                     <q-list :showing="!loading">
                         <q-item
                             v-for="place in filteredAndSortedData"
@@ -376,7 +376,7 @@
                         </q-item>
                     </q-list>
                 </q-tab-panel>
-                <q-tab-panel name="bookmarks" class="full-height">
+                <q-tab-panel name="bookmarks" class="full-height q-pa-none">
                     <q-list :showing="!loading">
                         <p
                             v-if="$store.state.bookmarks.locations.length <= 0"

From 7af23f2b1ecddec367869f71ffda9e6e014c1514 Mon Sep 17 00:00:00 2001
From: Martin Allerton <martin@dwf360.com>
Date: Tue, 3 Jan 2023 16:57:47 +0000
Subject: [PATCH 2/8] Evened the spacing on the about items

---
 src/layouts/MainLayout.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 4d617f1c..8f09ecca 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -393,11 +393,14 @@
                             </q-item>
                             <q-separator inset spaced />
                             <q-item-label header>About</q-item-label>
-                            <q-item-label></q-item-label>
                             <q-item>
                                 <q-item-section>
                                     <q-item-label>{{ $store.state.globalConsts.APP_NAME }}</q-item-label>
                                     <q-item-label caption>{{ $store.state.globalConsts.APP_VERSION_TAG }}</q-item-label>
+                                </q-item-section>
+                            </q-item>
+                            <q-item>
+                                <q-item-section>
                                     <q-item-label>Vircadia Web SDK</q-item-label>
                                     <q-item-label caption>{{ $store.state.globalConsts.SDK_VERSION_TAG }}</q-item-label>
                                 </q-item-section>

From 0aa5be3039350022cd05f4d75fe1a1458ac9c3a7 Mon Sep 17 00:00:00 2001
From: Martin Allerton <martin@dwf360.com>
Date: Tue, 3 Jan 2023 22:23:17 +0000
Subject: [PATCH 3/8] Fix for transparency on PNG image entities

---
 src/modules/entity/components/components/image.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/modules/entity/components/components/image.ts b/src/modules/entity/components/components/image.ts
index c20ebd20..d237525a 100644
--- a/src/modules/entity/components/components/image.ts
+++ b/src/modules/entity/components/components/image.ts
@@ -122,6 +122,11 @@ export class ImageComponent extends MeshComponent {
                 mat.emissiveTexture = texture;
             }
 
+            if (mat.diffuseTexture !== null && assetURL.fileExtension === "png") {
+                mat.diffuseTexture.hasAlpha = true;
+                mat.useAlphaFromDiffuseTexture = true;
+            }
+
             this._mesh.material = mat;
             this._mesh.isVisible = entity.visible ?? true;
 

From 4e4553f5982230d88ceca346f12047fa84b027f5 Mon Sep 17 00:00:00 2001
From: Martin Allerton <martin@dwf360.com>
Date: Tue, 3 Jan 2023 22:45:37 +0000
Subject: [PATCH 4/8] Better initial sizing for the Ready Player Me dialog

---
 src/components/overlays/rpm/ReadyPlayerMe.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/overlays/rpm/ReadyPlayerMe.vue b/src/components/overlays/rpm/ReadyPlayerMe.vue
index 8239c298..6d76ff65 100644
--- a/src/components/overlays/rpm/ReadyPlayerMe.vue
+++ b/src/components/overlays/rpm/ReadyPlayerMe.vue
@@ -17,9 +17,10 @@
         icon="face"
         title="Ready Player Me"
         :managerProps="propsToPass"
-        :defaultHeight="600"
+        :defaultHeight="800"
         :defaultWidth="800"
         :defaultLeft="300"
+        :defaultTop="10"
         :hoverShowBar="false"
         :style="{
             'box-shadow': '0 1px 5px rgb(0 0 0 / 20%), 0 2px 2px rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%)',

From eec62ffe64aaad91d17535731769625a190cf87b Mon Sep 17 00:00:00 2001
From: Martin Allerton <martin@dwf360.com>
Date: Tue, 3 Jan 2023 22:49:27 +0000
Subject: [PATCH 5/8] Avatar app better default positioning and size

---
 src/components/overlays/avatar/Avatar.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/overlays/avatar/Avatar.vue b/src/components/overlays/avatar/Avatar.vue
index 832407ed..75491fef 100644
--- a/src/components/overlays/avatar/Avatar.vue
+++ b/src/components/overlays/avatar/Avatar.vue
@@ -72,9 +72,10 @@
         icon="directions_run"
         title="Avatar"
         :managerProps="propsToPass"
-        :defaultHeight="450"
+        :defaultHeight="730"
         :defaultWidth="380"
-        :defaultLeft="300"
+        :defaultLeft="250"
+        :defaultTop="50"
         :hoverShowBar="false"
         :style="{
             'box-shadow': '0 1px 5px rgb(0 0 0 / 20%), 0 2px 2px rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%)',

From 153cabe788e8cc78b65cc52321a183b1caf62619 Mon Sep 17 00:00:00 2001
From: Giga <gigabyte5671@gmail.com>
Date: Thu, 5 Jan 2023 10:05:51 +1300
Subject: [PATCH 6/8] Add padding to the bottom of the About menu

---
 src/layouts/MainLayout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 8f09ecca..55767cad 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -263,7 +263,7 @@
                                 <img :src="$store.state.theme.logo">
                             </q-avatar>
                         </template>
-                        <q-list>
+                        <q-list class="q-pb-sm">
                             <template v-if="isMobile">
                                 <q-item-label header>Account</q-item-label>
                                 <q-item clickable v-ripple

From b4518f05cec00ce4ec01ba7e6466ea7888af87cf Mon Sep 17 00:00:00 2001
From: Giga <gigabyte5671@gmail.com>
Date: Thu, 5 Jan 2023 10:06:30 +1300
Subject: [PATCH 7/8] Remove unnecessary separator from the Settings menu

---
 src/layouts/MainLayout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 55767cad..1685e85c 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -519,7 +519,7 @@ export default defineComponent({
                         Log.info(Log.types.OTHER, "Toggle Dark");
                     },
                     isCategory: false,
-                    separator: true
+                    separator: false
                 }
             ],
             settingsMenuState: false,

From e2bd4f592d43b8df6acf5082d4be51c1f9825b2c Mon Sep 17 00:00:00 2001
From: Giga <gigabyte5671@gmail.com>
Date: Thu, 5 Jan 2023 10:14:04 +1300
Subject: [PATCH 8/8] Improve the spacing of toolbar elements on mobile

---
 src/layouts/MainLayout.vue | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 1685e85c..be3ab874 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -76,7 +76,10 @@
                         icon="menu"
                         aria-label="User Menu"
                         @click="toggleUserMenu"
-                        class="q-mr-sm"
+                        :class="{
+                            'q-mr-sm': isDesktop,
+                            'q-mr-xs': isMobile
+                        }"
                     />
                     <q-separator dark vertical inset />
 
@@ -91,7 +94,10 @@
                         class="q-mr-sm q-ml-sm"
                     />
 
-                    <div class="verticalAudioLevel q-my-auto">
+                    <div
+                        class="verticalAudioLevel q-my-auto"
+                        :class="{ 'q-ml-sm': isMobile }"
+                    >
                         <span
                             :class="`text-${microphoneColor}`"
                             :style="{ height: `${AudioIOInstance.inputLevel}%` }"
@@ -165,9 +171,14 @@
                         >Please allow microphone access.</q-tooltip>
                     </div>
 
-                    <q-toolbar-title>
+                    <q-toolbar-title
+                        :class="{ 'q-px-xs': isMobile }"
+                    >
                         <q-item-section>
-                            <q-item-label :style="{ fontSize: isMobile ? '0.8em' : 'inherit' }" :title="getDomainServerState">
+                            <q-item-label
+                                :style="{ fontSize: isMobile ? '0.8em' : 'inherit' }"
+                                :title="getDomainServerState"
+                            >
                                 {{ getDomainServerState }}
                                 <q-spinner
                                     v-if="getDomainServerState === 'CONNECTING'"