switching to finalize profile-syles for integration #TODO get help from J maeda on wave ui css stuff

frontend/src/components/PairsList.vue

                     h3 {{ pair.profile.name }} {{ pair.profile.pid }}
                     p registered nurse
         
-        w-button.menu-button(icon="mdi mdi-menu" xl)
+            w-button.menu-button(icon="mdi mdi-menu" xl)
 
-        w-menu(activator=".menu-button" arrow right) 
-            w-image(:src="'../../../assets/icons/chat.svg'" :width="20" :height="20")
-            w-image(:src="'../../../assets/icons/calendar.svg'" :width="20" :height="20")
+            w-menu(activator=".menu-button" arrow right) 
+                w-image(:src="'../../../assets/icons/chat.svg'" :width="20" :height="20").chat
+                w-image(:src="'../../../assets/icons/calendar.svg'" :width="20" :height="20").calendar
     p(v-else) No {{ tabName }} profiles.
 </template>
 
                 font-size: 16px
             p
                 font-size: 14px
-        
-.w-card__content
-    padding: 22px
-    min-width: 100px
-    display: flex
-    justify-content: space-between
-    border: none
-    background: rgb(17,96,6)
-    background: linear-gradient(90deg, rgba(17,96,6,1) 0%, rgba(17,96,6,1) 50%, rgba(3,136,166,1) 50%, rgba(3,136,166,1) 100%)
 </style>