From 23ec4beb7c6f2f4f0c8f24d21d033c98da03dbb8 Mon Sep 17 00:00:00 2001
From: Oleg Silkin <o.silkin98@gmail.com>
Date: Mon, 11 Nov 2019 15:15:34 -0500
Subject: [PATCH] Fixes styling issue

---
 ui/scss/component/_comments.scss | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui/scss/component/_comments.scss b/ui/scss/component/_comments.scss
index 10f6993e3..ecf817038 100644
--- a/ui/scss/component/_comments.scss
+++ b/ui/scss/component/_comments.scss
@@ -17,11 +17,16 @@
 
 .comment__body_container {
   padding: var(--spacing-small) 0;
+  display: inline-block;
+  width: 100%;
+  width: -moz-available;
+  width: -webkit-fill-available;
+  width: available;
 }
 
 .comment__meta {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   justify-content: flex-end;
   text-overflow: ellipsis;
   time {
@@ -36,8 +41,8 @@
 .comment__author {
   margin-bottom: 1rem;
   text-overflow: ellipsis; // This is where the magic happens
+  flex: 1;
   flex-basis: 400px;
-  flex-shrink: 1;
   font-weight: 600;
 }