Joined buttons

lib/components/base/PopoutMenu.vue

@@ -1,6 +1,11 @@
 <template>
   <div ref="dropdown" class="popup-container" tabindex="0" :aria-expanded="dropdownVisible">
-    <button v-bind="$attrs" ref="dropdownButton" @click="toggleDropdown">
+    <button
+      v-bind="$attrs"
+      ref="dropdownButton"
+      :class="{ 'popout-open': dropdownVisible }"
+      @click="toggleDropdown"
+    >
       <slot></slot>
     </button>
     <div

lib/components/index.js

@@ -88,6 +88,7 @@ export { default as HeartHandshakeIcon } from '@/assets/icons/heart-handshake.sv
 export { default as HistoryIcon } from '@/assets/icons/history.svg'
 export { default as HomeIcon } from '@/assets/icons/home.svg'
 export { default as ImageIcon } from '@/assets/icons/image.svg'
+export { default as ImportIcon } from '@/assets/icons/import.svg'
 export { default as InfoIcon } from '@/assets/icons/info.svg'
 export { default as IssuesIcon } from '@/assets/icons/issues.svg'
 export { default as LeftArrowIcon } from '@/assets/icons/left-arrow.svg'