:recycle: fixing up context menu button

frontend/src/components/PairsList.vue

@@ -15,19 +15,20 @@ section.pairs-list
                 .idCard
                     h3 {{ pair.profile.name }} {{ pair.profile.pid }}
                     p registered nurse
-        
-            w-menu(shadow v-model="showMenu")
+
+            w-menu(align-left arrow shadow v-model='showMenu')
                 template(#activator)
-                    w-button.mr3(@click="showMenu = true") menu
-                w-flex.pl10.mt4(wrap justify-end)
-                    w-button.mr1(text color="green" @click="showMenu = false") Chat
-                    w-button.mr1(text color="green" @click="showMenu = false") Calendar
-                    w-button(text color="green" @click="showMenu = false") cancel
+                    w-button.mr3(@click='showMenu = !showMenu') menu
+                w-flex.pl10.mt4(justify-end wrap)
+                    w-button.mr1(@click='showMenu = false' color='green' text) Chat
+                    w-button.mr1(@click='showMenu = false' color='green' text) Calendar
+                    w-button(@click='showMenu = false' color='green' text) cancel
 
     p(v-else) No {{ tabName }} profiles.
 </template>
 
 <script setup>
+import { ref } from 'vue'
 const props = defineProps({
     pairs: {
         type: [Object, Array],
@@ -38,9 +39,7 @@ const props = defineProps({
         default: 'paired',
     },
 })
-
-
-
+const showMenu = ref(false)
 </script>
 
 <style lang="sass">

frontend/src/components/ProfileCardList.vue

@@ -1,13 +1,8 @@
 <template lang="pug">
 section.profile-card-list.xs12.w-flex.column
     header.xs12.w-flex 
-<<<<<<< HEAD
-        w-select(:items='["one", "two", "three"]' outline) Label
-
-=======
         //- w-select(:items="['one', 'two', 'three']" outline) Label
-    
->>>>>>> 8afdd6e (:sparkles: pairs card default style implemented)
+
     article
         ProfileCard.match-layout(
             :aspects='aspects'

frontend/src/views/PairsView.vue

@@ -89,11 +89,12 @@ export default {
     display: flex
     justify-content: space-between
     margin: 0 25px
-    > div
-        width: 100%
-        text-align: center
-        font-size: 16px
-        line-height: 40px
+
+.select--matches > div
+    width: 100%
+    text-align: center
+    font-size: 16px
+    line-height: 40px
 .active
     border-bottom: 3px solid #f2cd5c
     color: #f2cd5c