Styling tweaks for popups

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 {

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;

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">