From 6b7fe8ee4773cdd2344dec8b7101dc6b077b3e8f Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 18 Dec 2019 22:38:26 +0100
Subject: [PATCH] Fix priority label styling

---
 .../tasks/reusable/priorityLabel.vue          | 19 +++++++++++++++++++
 src/styles/tasks.scss                         | 11 -----------
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/components/tasks/reusable/priorityLabel.vue b/src/components/tasks/reusable/priorityLabel.vue
index 21e0b23e..8696fe03 100644
--- a/src/components/tasks/reusable/priorityLabel.vue
+++ b/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>
\ No newline at end of file
diff --git a/src/styles/tasks.scss b/src/styles/tasks.scss
index 5cf9748c..95816032 100644
--- a/src/styles/tasks.scss
+++ b/src/styles/tasks.scss
@@ -142,14 +142,3 @@
   }
 }
 
-.high-priority{
-  color: $red;
-
-  .icon {
-    vertical-align: middle;
-  }
-
-  &.not-so-high {
-    color: $orange;
-  }
-}