From c255b4dc7598b3662f9c7a925448172dc0d0418a Mon Sep 17 00:00:00 2001
From: Elizabeth Danzberger <lizzy7128@tutanota.de>
Date: Thu, 29 Feb 2024 18:21:54 -0500
Subject: [PATCH] changed view filter reset icon

Signed-off-by: Elizabeth Danzberger <lizzy7128@tutanota.de>
---
 src/modules/main/sections/ElementDescription.vue      | 11 +++++++++--
 src/shared/components/ncSmallButton/NcSmallButton.vue | 11 ++++++++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/modules/main/sections/ElementDescription.vue b/src/modules/main/sections/ElementDescription.vue
index 65d562498..5946c9cd4 100644
--- a/src/modules/main/sections/ElementDescription.vue
+++ b/src/modules/main/sections/ElementDescription.vue
@@ -8,8 +8,13 @@
 				<TextIcon :size="15" />
 				{{ t('tables', 'Filtered view') }}&nbsp;&nbsp;
 			</div>
-			<NcSmallButton v-if="isViewSettingSet" @click="resetLocalAdjustments">
-				🔙 {{ t('tables', 'Reset local adjustments') }}
+			<NcSmallButton
+				v-if="isViewSettingSet"
+				@click="resetLocalAdjustments">
+				<template #icon>
+					<FilterRemove :size="15" />
+				</template>
+				{{ t('tables', 'Reset local adjustments') }}
 			</NcSmallButton>
 		</div>
 		<div v-if="!isTable && activeElement.isShared" class="user-bubble">
@@ -25,6 +30,7 @@
 
 import { NcUserBubble } from '@nextcloud/vue'
 import TextIcon from 'vue-material-design-icons/Text.vue'
+import FilterRemove from 'vue-material-design-icons/FilterRemove.vue'
 import NcSmallButton from '../../../shared/components/ncSmallButton/NcSmallButton.vue'
 
 export default {
@@ -33,6 +39,7 @@ export default {
 	components: {
 		NcUserBubble,
 		TextIcon,
+		FilterRemove,
 		NcSmallButton,
 	},
 
diff --git a/src/shared/components/ncSmallButton/NcSmallButton.vue b/src/shared/components/ncSmallButton/NcSmallButton.vue
index 296f0cd6a..9547a00c9 100644
--- a/src/shared/components/ncSmallButton/NcSmallButton.vue
+++ b/src/shared/components/ncSmallButton/NcSmallButton.vue
@@ -1,6 +1,9 @@
 <template>
 	<NcButton :aria-label="ariaLabel" class="button-small" @click="submit">
-		<slot />
+		<div class="button-small__label">
+			<slot name="icon" />
+			<slot />
+		</div>
 	</NcButton>
 </template>
 <script>
@@ -35,4 +38,10 @@ export default {
 		margin: 0 0 0 4px !important;
 	}
 
+	.button-small__label {
+		display: flex;
+		flex-flow: row nowrap;
+		align-items: center;
+	}
+
 </style>