src/components/tasks/partials/comments.vue

@@ -304,3 +304,45 @@ export default {
 	},
 }
 </script>
+
+<style lang="scss" scoped>
+.media.comment {
+  align-items: center;
+
+  .media-left {
+    margin: 0 1rem;
+  }
+
+  .comment-info {
+    display: flex;
+    align-items: center;
+
+    * {
+      padding-right: .5rem;
+    }
+
+    img {
+      display: none;
+
+		@media screen and (max-width: $tablet) {
+			display: block;
+			width: 20px;
+			height: 20px;
+			padding-right: 0;
+			margin-right: .5rem;
+		}
+    }
+
+
+    span {
+      font-size: .75rem;
+      line-height: 1;
+    }
+  }
+
+  .editor {
+    margin-top: .5rem;
+  }
+
+}
+</style>

src/styles/components/_index.scss

@@ -9,7 +9,6 @@
 @import "tasks";
 @import "teams";
 @import "migrator";
-@import "comments";
 @import "table-view";
 @import "kanban";
 @import "list-backgrounds";

src/styles/components/comments.scss

@@ -1,40 +0,0 @@
-.media.comment {
-  align-items: center;
-
-  .media-left {
-    margin: 0 1rem;
-  }
-
-  .comment-info {
-    display: flex;
-    align-items: center;
-
-    * {
-      padding-right: .5rem;
-    }
-
-    img {
-      display: none;
-    }
-
-    @media screen and (max-width: $tablet) {
-      img {
-        display: block;
-        width: 20px;
-        height: 20px;
-        padding-right: 0;
-        margin-right: .5rem;
-      }
-    }
-
-    span {
-      font-size: .75rem;
-      line-height: 1;
-    }
-  }
-
-  .editor {
-    margin-top: .5rem;
-  }
-
-}