Improve hover state of status' actions

Signed-off-by: Louis Chemineau <louis@chmn.me>

src/components/TimelinePost.vue

@@ -33,7 +33,7 @@
 		<PostAttachment v-if="hasAttachments" :attachments="item.media_attachments || []" />
 		<div v-if="$route && $route.params.type !== 'notifications' && !serverData.public" class="post-actions">
 			<NcButton :title="t('social', 'Reply')"
-				type="tertiary-no-background"
+				type="tertiary"
 				@click="reply">
 				<template #icon>
 					<Reply :size="20" />
@@ -46,7 +46,7 @@
 			</NcButton>
 			<NcButton v-if="item.visibility === 'public' || item.visibility === 'unlisted'"
 				:title="t('social', 'Boost')"
-				type="tertiary-no-background"
+				type="tertiary"
 				@click="boost">
 				<template #icon>
 					<Repeat :size="20" :fill-color="isBoosted ? 'var(--color-primary)' : 'var(--color-main-text)'" />
@@ -59,7 +59,7 @@
 			</NcButton>
 			<NcButton v-if="!isLiked"
 				:title="t('social', 'Like')"
-				type="tertiary-no-background"
+				type="tertiary"
 				@click="like">
 				<template #icon>
 					<HeartOutline :size="20" />
@@ -72,7 +72,7 @@
 			</NcButton>
 			<NcButton v-if="isLiked"
 				:title="t('social', 'Undo Like')"
-				type="tertiary-no-background"
+				type="tertiary"
 				@click="like">
 				<template #icon>
 					<Heart :size="20" :fill-color="'var(--color-error)'" />
@@ -324,6 +324,11 @@ export default {
 		margin-left: -13px;
 		height: 44px;
 		display: flex;
+		margin: 4px;
+
+		.button-vue:hover {
+			background: var(--color-background-dark);
+		}
 
 		.post-actions-more {
 			position: relative;