From ed78a83ed9f3619fd0e5a8ae39e4241c676f0e4d Mon Sep 17 00:00:00 2001
From: dpschen <dpschen@noreply.kolaente.de>
Date: Tue, 16 Nov 2021 20:02:11 +0000
Subject: [PATCH] fix: comment alignment (#1008)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/1008
Reviewed-by: konrad <k@knt.li>
Co-authored-by: dpschen <dpschen@noreply.kolaente.de>
Co-committed-by: dpschen <dpschen@noreply.kolaente.de>
---
 src/components/tasks/partials/comments.vue | 46 +++++++++-------------
 1 file changed, 18 insertions(+), 28 deletions(-)

diff --git a/src/components/tasks/partials/comments.vue b/src/components/tasks/partials/comments.vue
index f7b068a4..22c47cac 100644
--- a/src/components/tasks/partials/comments.vue
+++ b/src/components/tasks/partials/comments.vue
@@ -306,24 +306,16 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.media.comment {
-  align-items: center;
+.media-left {
+	margin: 0 1rem;
+}
 
-  .media-left {
-    margin: 0 1rem;
-  }
-
-  .comment-info {
-    display: flex;
-    align-items: center;
-
-    * {
-      padding-right: .5rem;
-    }
-
-    img {
-      display: none;
+.comment-info {
+	display: flex;
+	align-items: center;
+	gap: .5rem;
 
+	img {
 		@media screen and (max-width: $tablet) {
 			display: block;
 			width: 20px;
@@ -331,22 +323,20 @@ export default {
 			padding-right: 0;
 			margin-right: .5rem;
 		}
-    }
+
+		@media screen and (min-width: $tablet) {
+			display: none;
+		}
+	}
 
 
-    span {
-      font-size: .75rem;
-      line-height: 1;
-    }
-  }
-
-  .editor {
-    margin-top: .5rem;
-  }
-
+	span {
+		font-size: .75rem;
+		line-height: 1;
+	}
 }
 
 .media-content {
-  width: calc(100% - 48px - 2rem);
+	width: calc(100% - 48px - 2rem);
 }
 </style>
\ No newline at end of file