Fix priority label styling

src/components/tasks/reusable/priorityLabel.vue

@@ -30,3 +30,22 @@
 		}
 	}
 </script>
+
+<style lang="scss">
+	@import '../../../styles/variables';
+
+	span.high-priority{
+		color: $red;
+		width: auto !important; // To override the width set in tasks
+
+		.icon {
+			vertical-align: middle;
+			width: auto !important;
+			padding: 0 .5em;
+		}
+
+		&.not-so-high {
+			color: $orange;
+		}
+	}
+</style>

src/styles/tasks.scss

@@ -142,14 +142,3 @@
   }
 }
 
-.high-priority{
-  color: $red;
-
-  .icon {
-    vertical-align: middle;
-  }
-
-  &.not-so-high {
-    color: $orange;
-  }
-}