From 6c41ce263c1e96ecad47ebd47e862d31f31954cd Mon Sep 17 00:00:00 2001
From: Mihail Novikov <thepocp@gmail.com>
Date: Thu, 5 Jul 2018 01:25:14 +0300
Subject: [PATCH] Fix comment_info block for small screens

---
 web/app/components/comment/__info/comment__info.scss          | 3 +++
 .../comment/__link-to-parent/comment__link-to-parent.scss     | 1 -
 web/app/components/comment/__time/comment__time.scss          | 2 +-
 web/app/components/comment/__username/comment__username.scss  | 1 +
 web/app/components/comment/_view/_user/comment_view_user.scss | 4 ----
 5 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/web/app/components/comment/__info/comment__info.scss b/web/app/components/comment/__info/comment__info.scss
index 5c9a269d..fc04b1fa 100644
--- a/web/app/components/comment/__info/comment__info.scss
+++ b/web/app/components/comment/__info/comment__info.scss
@@ -1,4 +1,7 @@
 .comment__info {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
   margin-bottom: 6px;
   padding-right: 84px;
   font-size: 14px;
diff --git a/web/app/components/comment/__link-to-parent/comment__link-to-parent.scss b/web/app/components/comment/__link-to-parent/comment__link-to-parent.scss
index 9948dbe6..dc963964 100644
--- a/web/app/components/comment/__link-to-parent/comment__link-to-parent.scss
+++ b/web/app/components/comment/__link-to-parent/comment__link-to-parent.scss
@@ -2,7 +2,6 @@
   display: inline-block;
   height: 10px;
   width: 16px;
-  margin-left: 8px;
   vertical-align: -1px;
   background: url('comment__link-to-parent.svg') center no-repeat;
   cursor: pointer;
diff --git a/web/app/components/comment/__time/comment__time.scss b/web/app/components/comment/__time/comment__time.scss
index 9b4eb92c..98ad029b 100644
--- a/web/app/components/comment/__time/comment__time.scss
+++ b/web/app/components/comment/__time/comment__time.scss
@@ -1,5 +1,5 @@
 .comment__time {
-  margin-left: 8px;
+  margin-right: 8px;
   vertical-align: middle;
   color: #999;
   text-decoration: none;
diff --git a/web/app/components/comment/__username/comment__username.scss b/web/app/components/comment/__username/comment__username.scss
index 2e0683a8..925ddfca 100644
--- a/web/app/components/comment/__username/comment__username.scss
+++ b/web/app/components/comment/__username/comment__username.scss
@@ -1,4 +1,5 @@
 .comment__username {
+  margin-right: 8px;
   vertical-align: middle;
   font-weight: 700;
   text-decoration: none;
diff --git a/web/app/components/comment/_view/_user/comment_view_user.scss b/web/app/components/comment/_view/_user/comment_view_user.scss
index e3c3e94a..cef05242 100644
--- a/web/app/components/comment/_view/_user/comment_view_user.scss
+++ b/web/app/components/comment/_view/_user/comment_view_user.scss
@@ -1,8 +1,4 @@
 .comment_view_user {
-  .comment__time {
-    margin-left: 0;
-  }
-
   &.comment_collapsed {
     .comment__text, .comment__actions {
       display: block;