consistency with status action buttons popovers

src/components/emoji_picker/emoji_picker.vue

@@ -4,6 +4,7 @@
     trigger="click"
     popover-class="emoji-picker popover-default"
     :hide-trigger="true"
+    placement="bottom"
     @show="onPopoverShown"
     @close="onPopoverClosed"
   >

src/components/status_action_buttons/action_button.js

@@ -15,7 +15,7 @@ import {
   faBookmark,
   faCheck,
   faChevronRight,
-  faChevronUp,
+  faChevronDown,
   faExternalLinkAlt,
   faEyeSlash,
   faHistory,
@@ -39,7 +39,7 @@ library.add(
   faWrench,
 
   faChevronRight,
-  faChevronUp,
+  faChevronDown,
 
   faReply,
   faRetweet,

src/components/status_action_buttons/action_button.vue

@@ -9,6 +9,7 @@
       :class="buttonInnerClass"
       role="menuitem"
       type="button"
+      placement="bottom"
       :title="$t(button.label(funcArg))"
       target="_blank"
       :tabindex="0"
@@ -54,7 +55,7 @@
       <FAIcon
         v-if="button.dropdown?.()"
         class="chevron-icon"
-        :icon="extra ? 'chevron-right' : 'chevron-up'"
+        :icon="extra ? 'chevron-right' : 'chevron-down'"
         fixed-width
       />
     </component>
@@ -71,6 +72,7 @@
     <Popover
       v-if="button.name === 'bookmark'"
       class="chevron-popover"
+      placement="bottom"
       :trigger="extra ? 'hover' : 'click'"
       :placement="extra ? 'right' : 'top'"
       :offset="extra ? { x: 10 } : { y: 10 }"
@@ -79,7 +81,7 @@
       <template #trigger>
         <FAIcon
           class="chevron-icon"
-          :icon="extra ? 'chevron-right' : 'chevron-up'"
+          :icon="extra ? 'chevron-right' : 'chevron-down'"
           fixed-width
         />
       </template>

src/components/status_action_buttons/action_button_container.vue

@@ -4,7 +4,7 @@
       v-if="button.dropdown?.()"
       :trigger="$attrs.extra ? 'hover' : 'click'"
       :offset="{ y: 5 }"
-      :placement="$attrs.extra ? 'right' : 'top'"
+      :placement="$attrs.extra ? 'right' : 'bottom'"
     >
       <template #trigger>
         <ActionButton