From 6896dcbdf08ff8d4435b943332429bbf49ab49e9 Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Wed, 29 Mar 2023 11:03:36 +0200
Subject: [PATCH] Styling tweaks for popups

---
 src/assets/css/chat.scss         |  2 +-
 src/components/ChatHeader.vue    | 12 ++++++++----
 src/components/MoreMenuPopup.vue |  2 +-
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/assets/css/chat.scss b/src/assets/css/chat.scss
index bbd7cbe..fc56655 100644
--- a/src/assets/css/chat.scss
+++ b/src/assets/css/chat.scss
@@ -110,7 +110,7 @@ body {
     position: relative;
     overflow: visible;
     &.popup-open::after {
-      top: 5px;
+      top: 18px;
       color: #246bfd;
     }
     .missed-items-popup {
diff --git a/src/components/ChatHeader.vue b/src/components/ChatHeader.vue
index b1681b3..f18aa32 100644
--- a/src/components/ChatHeader.vue
+++ b/src/components/ChatHeader.vue
@@ -268,16 +268,20 @@ export default {
 .popup-open {
   position: relative;
   overflow: visible;
+  color: white;
 }
 
 .popup-open::after {
   position: absolute;
   left: 50%;
-  content: "▲";
-  top: 30px;
+  content: " ";
+  top: 40px;
   margin-left: -10px;
-  font-size: 20px;
-  color: #ffffff;
+  width: 20px;
+  height: 20px;
+  transform: rotate(45deg);
+  border-radius: 3px;
+  background-color: currentColor;
   z-index: 400;
   pointer-events: none;
   animation-duration: 0.3s;
diff --git a/src/components/MoreMenuPopup.vue b/src/components/MoreMenuPopup.vue
index fbaec2e..a561e78 100644
--- a/src/components/MoreMenuPopup.vue
+++ b/src/components/MoreMenuPopup.vue
@@ -4,7 +4,7 @@
     <v-card flat>
       <v-card-text>
 
-        <v-container class="mt-0 pa-0 action-row-container-no-dividers">
+        <v-container class="mt-0 pa-0 pt-3 action-row-container-no-dividers">
           <ActionRow v-for="item in menuItems" :key="item.name" :icon="item.icon" :iconSize="16" :text="item.text" @click="$emit('close');item.handler()" />
 
           <v-row class="profile-row clickable" @click="viewProfile" no-gutters align-content="center">