Fix icon for status selection

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

css/src/style.scss

@@ -881,7 +881,8 @@
 						right: 22px;
 					}
 
-					&.icon-privacy {
+					&.icon-privacy,
+					&.icon-status {
 						opacity: 1;
 						cursor: unset;
 					}

src/components/TheDetails.vue

@@ -205,7 +205,7 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 						<div v-click-outside="() => finishEditing('status')"
 							@click="editProperty('status')"
 						>
-							<span class="icon icon-color icon-current" />
+							<span :class="[iconStatus]" class="icon" />
 							<div class="detail-calendar-container">
 								<Multiselect
 									:value="statusSelect.find( _ => _.type === task.status )"
@@ -601,6 +601,13 @@ export default {
 				return 'icon-bw icon-tag'
 			}
 		},
+		iconStatus: function() {
+			if (this.task.status) {
+				return 'icon-color icon-status'
+			} else {
+				return 'icon-bw icon-current'
+			}
+		},
 		...mapGetters({
 			writableCalendars: 'getSortedWritableCalendars',
 			task: 'getTaskByRoute',