- styling für neuen tag

- hover effekt
- tagicon statt plus

public/css/tags.css

@@ -1,10 +1,9 @@
-:is(.tag_notice, .tag_inwork, .tag_planning) {
+:is(.tag_notice, .tag_inwork, .tag_planning, .tag_prio_one, .tag_prio_two, .tag_finished) {
 	display: inline-block;
 	padding: 5px 10px;
 	margin-right: 5px;
 	border-radius: 3px;
 	color: white;
-	cursor: default;
 	font-size: .75em;
 	font-weight: 700;
 	line-height: 1;
@@ -13,16 +12,37 @@
 	vertical-align: baseline;
 }
 
+:is(.tag_notice, .tag_inwork, .tag_planning, .tag_prio_one, .tag_prio_two, .tag_finished):hover {
+	transform: scale(1.05);
+}
+
 .tag_notice {
 	background-color: red !important;
 }
-.tag_inwork  {
+
+
+.tag_finished {
+	background-color: green !important;
+}
+
+.tag_inwork {
 	background-color: violet !important;
 }
-.tag_planning  {
+
+.tag_planning {
 	background-color: lightblue !important;
 }
 
+.tag_prio_one {
+	background-color: red !important;
+}
+
+.tag_prio_two {
+	background-color: yellow !important;
+	color: black;
+}
+
+
 .dropdown-list {
 	list-style: none;
 	background-color: white;

public/js/components/Tag/Tag.js

@@ -181,8 +181,8 @@ export default {
 		<div class="plus-button-container" @mouseleave="hideList">
 			<button @mouseover="showList = true" 
 					:disabled="!values || values.length === 0"
-					class="btn btn-secondary btn-sm">
-				<i class="fa-solid fa-plus fa-xl"></i>
+					class="btn btn-sm">
+				<i class="fa-solid fa-tag fa-xl"></i>
 			</button>
 			<ul v-if="showList" class="dropdown-list">
 				<li v-for="(item, index) in tags" :key="index" @click="openModal(item)" :title="item.bezeichnung">
@@ -209,7 +209,6 @@ export default {
 						placeholder="Notiz..."
 					></form-input>
 					<div class="modificationdate">angelegt von {{ tagData.insertvon }} am {{ tagData.insertamum }}</div>
-
 				</div>
 			</template>
 			<template #footer>