Adjust material design icon size to 20

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>

15 files changed, 54 insertions, 54 deletions

diff --git a/src/components/AppNavigation/AppNavigationSettings.vue b/src/components/AppNavigation/AppNavigationSettings.vue
index 50b94d16..be97cb61 100644
--- a/src/components/AppNavigation/AppNavigationSettings.vue
+++ b/src/components/AppNavigation/AppNavigationSettings.vue
@@ -41,7 +41,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				<li v-for="collection in collections"
 					:key="collection.id"
 					class="collection">
-					<component :is="collection.icon" :size="24" decorative />
+					<component :is="collection.icon" :size="20" decorative />
 					<span class="label-container">
 						<label :for="'visibilityCollection-' + collection.id" class="title">
 							{{ collection.displayName }}
diff --git a/src/components/AppNavigation/CalendarSharee.vue b/src/components/AppNavigation/CalendarSharee.vue
index 87759bf7..9ff744fe 100644
--- a/src/components/AppNavigation/CalendarSharee.vue
+++ b/src/components/AppNavigation/CalendarSharee.vue
@@ -54,7 +54,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 				:disabled="loading"
 				@click.prevent.stop="deleteSharee">
 				<template #icon>
-					<Delete :size="24" decorative />
+					<Delete :size="20" decorative />
 				</template>
 				{{ t('tasks', 'Unshare with {displayName}', { displayName: sharee.displayName }) }}
 			</ActionButton>
diff --git a/src/components/AppNavigation/ListItemCalendar.vue b/src/components/AppNavigation/ListItemCalendar.vue
index 599341fc..84a2c4c9 100644
--- a/src/components/AppNavigation/ListItemCalendar.vue
+++ b/src/components/AppNavigation/ListItemCalendar.vue
@@ -43,7 +43,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				<ActionButton
 					@click="toggleShare">
 					<template #icon>
-						<ShareVariant :size="24" decorative />
+						<ShareVariant :size="20" decorative />
 					</template>
 					{{ sharedWithTooltip }}
 				</ActionButton>
@@ -62,7 +62,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				:close-after-click="true"
 				@click="editCalendar">
 				<template #icon>
-					<Pencil :size="24" decorative />
+					<Pencil :size="20" decorative />
 				</template>
 				{{ t('tasks', 'Edit') }}
 			</ActionButton>
@@ -70,7 +70,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				:close-after-click="true"
 				@click="copyCalDAVUrl($event, calendar)">
 				<template #icon>
-					<LinkVariant :size="24" decorative />
+					<LinkVariant :size="20" decorative />
 				</template>
 				{{ !copied
 					? t('tasks', 'Copy private link')
@@ -82,7 +82,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				:close-after-click="true"
 				:href="exportUrl">
 				<template #icon>
-					<Download :size="24" decorative />
+					<Download :size="20" decorative />
 				</template>
 				{{ t('tasks', 'Download') }}
 			</ActionLink>
@@ -95,10 +95,10 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				}"
 				@click="scheduleDelete">
 				<template v-if="!calendar.isSharedWithMe" #icon>
-					<Delete :size="24" decorative />
+					<Delete :size="20" decorative />
 				</template>
 				<template v-else #icon>
-					<Close :size="24" decorative />
+					<Close :size="20" decorative />
 				</template>
 				{{ !calendar.isSharedWithMe ? t('tasks', 'Delete') : t('tasks', 'Unshare') }}
 			</ActionButton>
@@ -108,7 +108,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 			<ActionButton
 				@click.prevent.stop="cancelDelete">
 				<template #icon>
-					<Undo :size="24" decorative />
+					<Undo :size="20" decorative />
 				</template>
 				{{ undoDeleteMessage }}
 			</ActionButton>
diff --git a/src/components/AppNavigation/Trashbin.vue b/src/components/AppNavigation/Trashbin.vue
index 7bae5318..7aecfddb 100644
--- a/src/components/AppNavigation/Trashbin.vue
+++ b/src/components/AppNavigation/Trashbin.vue
@@ -25,7 +25,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 		:pinned="true"
 		@click.prevent="onShow">
 		<template #icon>
-			<Delete :size="24" decorative />
+			<Delete :size="20" decorative />
 		</template>
 		<template #extra>
 			<Modal v-if="showModal"
@@ -36,7 +36,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 					</EmptyContent>
 					<EmptyContent v-else-if="!items.length">
 						<template #icon>
-							<Delete :size="24" decorative />
+							<Delete :size="20" decorative />
 						</template>
 						{{ t('tasks', 'You do not have any deleted calendars, tasks or events.') }}
 					</EmptyContent>
@@ -77,7 +77,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 										<ActionButton
 											@click="onDeletePermanently(item)">
 											<template #icon>
-												<Delete :size="24" decorative />
+												<Delete :size="20" decorative />
 											</template>
 											{{ t('tasks','Delete permanently') }}
 										</ActionButton>
diff --git a/src/components/AppSidebar/DatetimePickerItem.vue b/src/components/AppSidebar/DatetimePickerItem.vue
index 7fb70612..99e48841 100644
--- a/src/components/AppSidebar/DatetimePickerItem.vue
+++ b/src/components/AppSidebar/DatetimePickerItem.vue
@@ -62,14 +62,14 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 			<Actions v-show="editing" class="actions__set">
 				<ActionButton @click="setValue()">
 					<template #icon>
-						<Check :size="24" decorative />
+						<Check :size="20" decorative />
 					</template>
 					{{ t('tasks', 'Set date') }}
 				</ActionButton>
 			</Actions><Actions v-show="editing" class="actions__clear">
 				<ActionButton @click="clearValue">
 					<template #icon>
-						<Delete :size="24" decorative />
+						<Delete :size="20" decorative />
 					</template>
 					{{ t('tasks', 'Delete date') }}
 				</ActionButton>
diff --git a/src/components/AppSidebar/MultiselectOption.vue b/src/components/AppSidebar/MultiselectOption.vue
index fafd4b30..1a74cf7c 100644
--- a/src/components/AppSidebar/MultiselectOption.vue
+++ b/src/components/AppSidebar/MultiselectOption.vue
@@ -25,7 +25,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 <template>
 	<div :class="optionClass" class="multiselect-picker-option">
 		<span class="multiselect-picker-option__icon">
-			<component :is="icon" :size="24" decorative />
+			<component :is="icon" :size="20" decorative />
 		</span>
 		<span
 			class="multiselect-picker-option__label">
diff --git a/src/components/AppSidebar/SliderItem.vue b/src/components/AppSidebar/SliderItem.vue
index ed764936..5406a08e 100644
--- a/src/components/AppSidebar/SliderItem.vue
+++ b/src/components/AppSidebar/SliderItem.vue
@@ -52,14 +52,14 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 			<Actions v-show="editing" class="actions__set">
 				<ActionButton @click="setValue()">
 					<template #icon>
-						<Check :size="24" decorative />
+						<Check :size="20" decorative />
 					</template>
 					{{ t('tasks', 'Set value') }}
 				</ActionButton>
 			</Actions><Actions v-show="editing" class="actions__clear">
 				<ActionButton @click="clearValue">
 					<template #icon>
-						<Delete :size="24" decorative />
+						<Delete :size="20" decorative />
 					</template>
 					{{ t('tasks', 'Delete value') }}
 				</ActionButton>
diff --git a/src/components/AppSidebar/TagsItem.vue b/src/components/AppSidebar/TagsItem.vue
index df3caac4..9f39149b 100644
--- a/src/components/AppSidebar/TagsItem.vue
+++ b/src/components/AppSidebar/TagsItem.vue
@@ -40,7 +40,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 			</template>
 			<template #clear>
 				<div v-if="tags.length" class="multiselect__icon">
-					<Tag :size="24" decorative />
+					<Tag :size="20" decorative />
 				</div>
 			</template>
 			<template #noOptions>
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 8d467c1d..bce7addb 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -24,7 +24,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 		<div v-if="$route.params.collectionId !== 'completed' && calendar && !calendar.readOnly"
 			class="header__input">
 			<form @submit.prevent="addTask">
-				<Plus :size="24" decorative />
+				<Plus :size="20" decorative />
 				<input
 					v-model="newTaskName"
 					:placeholder="placeholder"
diff --git a/src/components/SortorderDropdown.vue b/src/components/SortorderDropdown.vue
index 703ae621..e0d13d3d 100644
--- a/src/components/SortorderDropdown.vue
+++ b/src/components/SortorderDropdown.vue
@@ -25,7 +25,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 		container=".header"
 		menu-align="right">
 		<template #icon>
-			<component :is="sortOrderIcon" :size="24" decorative />
+			<component :is="sortOrderIcon" :size="20" decorative />
 			<MenuDown
 				v-if="sortDirection"
 				class="sort-direction"
@@ -49,7 +49,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 			:close-after-click="true"
 			@click="setSortOrder(order.id)">
 			<template #icon>
-				<component :is="order.icon" :size="24" decorative />
+				<component :is="order.icon" :size="20" decorative />
 				<MenuDown
 					v-if="order.id == sortOrder && sortDirection"
 					class="sort-direction"
diff --git a/src/components/TaskBody.vue b/src/components/TaskBody.vue
index 5d30eab3..993de367 100644
--- a/src/components/TaskBody.vue
+++ b/src/components/TaskBody.vue
@@ -51,7 +51,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 					:aria-label="t('tasks', 'Task is completed')"
 					@click="toggleCompleted(task)">
 				<label :class="[priorityClass, 'reactive no-nav']" :for="'toggleCompleted_' + task.uid">
-					<Cancel v-if="task.status === 'CANCELLED' && !task.completed" :size="24" decorative />
+					<Cancel v-if="task.status === 'CANCELLED' && !task.completed" :size="20" decorative />
 				</label>
 			</div>
 			<!-- Info: title, progress & tags -->
@@ -84,11 +84,11 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 					<span :style="{'background-color': task.calendar.color}" class="calendar__indicator" />
 					<span class="calendar__name">{{ task.calendar.displayName }}</span>
 				</div>
-				<SortVariant v-if="hasHiddenSubtasks" :size="24" :title="t('tasks', 'Task has hidden subtasks')" />
-				<Pin v-if="task.pinned" :size="24" :title="t('tasks', 'Task is pinned')" />
+				<SortVariant v-if="hasHiddenSubtasks" :size="20" :title="t('tasks', 'Task has hidden subtasks')" />
+				<Pin v-if="task.pinned" :size="20" :title="t('tasks', 'Task is pinned')" />
 				<TextBoxOutline
 					v-if="task.note!=''"
-					:size="24"
+					:size="20"
 					:title="t('tasks', 'Task has a note')"
 					@click.stop="openAppSidebarTab($event, 'app-sidebar-tab-notes')" />
 				<div v-if="task.due || task.completed" :class="{'date--overdue': overdue(task.dueMoment) && !task.completed}" class="date">
@@ -101,7 +101,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 						class="reactive no-nav open-input"
 						@click="openSubtaskInput">
 						<template #icon>
-							<Plus :size="24" decorative />
+							<Plus :size="20" decorative />
 						</template>
 						{{ t('tasks', 'Add subtask') }}
 					</ActionButton>
@@ -109,7 +109,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 						class="reactive no-nav"
 						@click="toggleSubtasksVisibility(task)">
 						<template #icon>
-							<SortVariant :size="24" decorative />
+							<SortVariant :size="20" decorative />
 						</template>
 						{{ task.hideSubtasks ? t('tasks', 'Show subtasks') : t('tasks', 'Hide subtasks') }}
 					</ActionButton>
@@ -117,7 +117,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 						class="reactive no-nav"
 						@click="toggleCompletedSubtasksVisibility(task)">
 						<template #icon>
-							<Eye :size="24" decorative />
+							<Eye :size="20" decorative />
 						</template>
 						{{ task.hideCompletedSubtasks ? t('tasks', 'Show closed subtasks') : t('tasks', 'Hide closed subtasks') }}
 					</ActionButton>
@@ -125,7 +125,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 						class="reactive no-nav"
 						@click="scheduleTaskDeletion(task)">
 						<template #icon>
-							<Delete :size="24" decorative />
+							<Delete :size="20" decorative />
 						</template>
 						{{ t('tasks', 'Delete task') }}
 					</ActionButton>
@@ -135,7 +135,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 						class="reactive no-nav"
 						@click.prevent.stop="clearTaskDeletion(task)">
 						<template #icon>
-							<Undo :size="24" decorative />
+							<Undo :size="20" decorative />
 						</template>
 						{{ n('tasks', 'Deleting the task in {countdown} second', 'Deleting the task in {countdown} seconds', task.deleteCountdown, { countdown: task.deleteCountdown }) }}
 					</ActionButton>
@@ -145,7 +145,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 						:disabled="readOnly"
 						@click="toggleStarred(task)">
 						<template #icon>
-							<Star :size="24" decorative />
+							<Star :size="20" decorative />
 						</template>
 						{{ t('tasks', 'Toggle starred') }}
 					</ActionButton>
@@ -157,7 +157,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				v-click-outside="{ handler: closeSubtaskInput, middleware: clickOutsideMiddleware }"
 				class="task-item task-item--input">
 				<form name="addTaskForm" @submit.prevent="addTask">
-					<Plus :size="24" decorative />
+					<Plus :size="20" decorative />
 					<input ref="input"
 						v-model="newTaskName"
 						:placeholder="subtasksCreationPlaceholder"
diff --git a/src/components/TaskCreateDialog.vue b/src/components/TaskCreateDialog.vue
index 48e3d723..dbe3f92d 100644
--- a/src/components/TaskCreateDialog.vue
+++ b/src/components/TaskCreateDialog.vue
@@ -38,7 +38,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 					@change-calendar="changeCalendar" />
 
 				<div class="property property__summary">
-					<ViewHeadline :size="24" decorative />
+					<ViewHeadline :size="20" decorative />
 					<input v-model="pendingTitle"
 						type="text"
 						:placeholder="t('tasks', 'Task summary')"
@@ -46,7 +46,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				</div>
 
 				<div class="property property__notes">
-					<TextBoxOutline :size="24" decorative />
+					<TextBoxOutline :size="20" decorative />
 					<textarea v-model="pendingDescription"
 						:disabled="loading" />
 					<div class="modal-buttons">
diff --git a/src/components/TaskStatusDisplay.vue b/src/components/TaskStatusDisplay.vue
index ef019059..6195bd2a 100644
--- a/src/components/TaskStatusDisplay.vue
+++ b/src/components/TaskStatusDisplay.vue
@@ -23,10 +23,10 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 	<Actions v-if="status" :disabled="isDisabled">
 		<ActionButton :key="status.status" :disabled="isDisabled" @click="statusClicked">
 			<template #icon>
-				<AlertCircleOutline v-if="status.status==='error'" :size="24" class="status--error" />
-				<Check v-if="status.status==='success'" :size="24" class="status--success" />
-				<Loading v-if="status.status==='sync'" :size="24" class="status--sync" />
-				<SyncAlert v-if="status.status==='conflict'" :size="24" class="status--conflict" />
+				<AlertCircleOutline v-if="status.status==='error'" :size="20" class="status--error" />
+				<Check v-if="status.status==='success'" :size="20" class="status--success" />
+				<Loading v-if="status.status==='sync'" :size="20" class="status--sync" />
+				<SyncAlert v-if="status.status==='conflict'" :size="20" class="status--conflict" />
 			</template>
 			{{ status.message }}
 		</ActionButton>
diff --git a/src/views/AppNavigation.vue b/src/views/AppNavigation.vue
index e44f36a2..b31aebe5 100644
--- a/src/views/AppNavigation.vue
+++ b/src/views/AppNavigation.vue
@@ -41,7 +41,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				<template #icon>
 					<component
 						:is="collection.icon"
-						:size="24"
+						:size="20"
 						decorative />
 				</template>
 				<template #counter>
@@ -67,7 +67,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				class="collection reactive"
 				@click="startCreate($event)">
 				<template #icon>
-					<Plus :size="24" decorative />
+					<Plus :size="20" decorative />
 				</template>
 				<div :class="{error: nameError}" class="app-navigation-entry-edit">
 					<form>
diff --git a/src/views/AppSidebar.vue b/src/views/AppSidebar.vue
index 6977d180..e89c4d90 100644
--- a/src/views/AppSidebar.vue
+++ b/src/views/AppSidebar.vue
@@ -46,7 +46,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				@editing="(editing) => editingStart = editing"
 				@set-value="setStartDate">
 				<template #icon>
-					<CalendarStart :size="24" decorative />
+					<CalendarStart :size="20" decorative />
 				</template>
 			</DatetimePickerItem>
 			<DatetimePickerItem
@@ -60,7 +60,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				@editing="(editing) => editingDue = editing"
 				@set-value="setDueDate">
 				<template #icon>
-					<CalendarEnd :size="24" decorative />
+					<CalendarEnd :size="20" decorative />
 				</template>
 			</DatetimePickerItem>
 			<CheckboxItem
@@ -81,10 +81,10 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 			<ActionButton v-if="!readOnly"
 				@click="togglePinned(task)">
 				<template v-if="task.pinned" #icon>
-					<PinOff :size="24" decorative />
+					<PinOff :size="20" decorative />
 				</template>
 				<template v-else #icon>
-					<Pin :size="24" decorative />
+					<Pin :size="20" decorative />
 				</template>
 				{{ task.pinned ? t('tasks', 'Unpin') : t('tasks', 'Pin') }}
 			</ActionButton>
@@ -93,7 +93,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				:close-after-click="true"
 				target="_blank">
 				<template #icon>
-					<Calendar :size="24" decorative />
+					<Calendar :size="20" decorative />
 				</template>
 				{{ t('tasks', 'Show in Calendar') }}
 			</ActionLink>
@@ -101,7 +101,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				:close-after-click="true"
 				@click="editTitle(true)">
 				<template #icon>
-					<Pencil :size="24" decorative />
+					<Pencil :size="20" decorative />
 				</template>
 				{{ t('tasks', 'Edit title') }}
 			</ActionButton>
@@ -109,14 +109,14 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				:href="downloadURL"
 				:close-after-click="true">
 				<template #icon>
-					<Download :size="24" decorative />
+					<Download :size="20" decorative />
 				</template>
 				{{ t('tasks', 'Download') }}
 			</ActionLink>
 			<ActionButton v-if="!readOnly"
 				@click="scheduleTaskDeletion(task)">
 				<template #icon>
-					<Delete :size="24" decorative />
+					<Delete :size="20" decorative />
 				</template>
 				{{ t('tasks', 'Delete') }}
 			</ActionButton>
@@ -126,7 +126,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				class="reactive no-nav"
 				@click.prevent.stop="clearTaskDeletion(task)">
 				<template #icon>
-					<Undo :size="24" decorative />
+					<Undo :size="20" decorative />
 				</template>
 				{{ n('tasks', 'Deleting the task in {countdown} second', 'Deleting the task in {countdown} seconds', task.deleteCountdown, { countdown: task.deleteCountdown }) }}
 			</ActionButton>
@@ -144,7 +144,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 					:aria-label="t('tasks', 'Task is completed')"
 					@click="toggleCompleted(task)">
 				<label :class="[priorityClass]" :for="'detailsToggleCompleted_' + task.uid">
-					<Cancel v-if="task.status === 'CANCELLED' && !task.completed" :size="24" decorative />
+					<Cancel v-if="task.status === 'CANCELLED' && !task.completed" :size="20" decorative />
 				</label>
 			</span>
 		</template>
@@ -155,7 +155,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 			:name="t('tasks', 'Details')"
 			:order="0">
 			<template #icon>
-				<InformationOutline :size="24" decorative />
+				<InformationOutline :size="20" decorative />
 			</template>
 			<div>
 				<MultiselectItem
@@ -185,7 +185,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 					:task="task"
 					@set-value="({task, value}) => setPriority({ task, priority: value })">
 					<template #icon>
-						<Star :size="24" decorative />
+						<Star :size="20" decorative />
 					</template>
 				</SliderItem>
 				<SliderItem
@@ -199,7 +199,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 					:task="task"
 					@set-value="({task, value}) => setPercentComplete({ task, complete: value })">
 					<template #icon>
-						<Percent :size="24" decorative />
+						<Percent :size="20" decorative />
 					</template>
 				</SliderItem>
 				<TagsItem
@@ -223,7 +223,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 			:name="t('tasks', 'Notes')"
 			:order="1">
 			<template #icon>
-				<TextBoxOutline :size="24" decorative />
+				<TextBoxOutline :size="20" decorative />
 			</template>
 			<NotesItem
 				v-show="!readOnly || task.note"