fix: comment alignment

src/components/tasks/partials/comments.vue

@@ -306,24 +306,16 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.media.comment {
-  align-items: center;
-
-  .media-left {
+.media-left {
 	margin: 0 1rem;
-  }
+}
 
-  .comment-info {
+.comment-info {
 	display: flex;
 	align-items: center;
-
-    * {
-      padding-right: .5rem;
-    }
+	gap: .5rem;
 
 	img {
-      display: none;
-
 		@media screen and (max-width: $tablet) {
 			display: block;
 			width: 20px;
@@ -331,6 +323,10 @@ export default {
 			padding-right: 0;
 			margin-right: .5rem;
 		}
+
+		@media screen and (min-width: $tablet) {
+			display: none;
+		}
 	}
 
 
@@ -338,12 +334,6 @@ export default {
 		font-size: .75rem;
 		line-height: 1;
 	}
-  }
-
-  .editor {
-    margin-top: .5rem;
-  }
-
 }
 
 .media-content {