From fc001e7427f498ff5d1da46f6bb50393fba74afe Mon Sep 17 00:00:00 2001
From: James Taylor <user234683@users.noreply.github.com>
Date: Fri, 24 Aug 2018 14:48:02 -0700
Subject: Fix comments with long usernames breaking comment section

---
 youtube/comments.css | 6 ++++--
 youtube/shared.css   | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

(limited to 'youtube')

diff --git a/youtube/comments.css b/youtube/comments.css
index fb3e629..18d0488 100644
--- a/youtube/comments.css
+++ b/youtube/comments.css
@@ -6,9 +6,10 @@
 
 .comment{
     display:grid;
-    grid-template-columns: 0fr 0fr 1fr;
+    grid-template-columns: auto auto 100px 1fr;
     grid-template-rows: 0fr 0fr 0fr 0fr;
     background-color: #dadada;
+    justify-content: start;
 }
 
 .comment .author-avatar{
@@ -25,10 +26,11 @@
     grid-row: 1;
     margin-right:15px;
     white-space: nowrap;
+    overflow:hidden;
 }
 
 .comment .text{
-    grid-column: 2 / span 2;
+    grid-column: 2 / span 3;
     grid-row: 2;
     white-space: pre-wrap;
     min-width: 0;
diff --git a/youtube/shared.css b/youtube/shared.css
index a96fa9b..cc640b4 100644
--- a/youtube/shared.css
+++ b/youtube/shared.css
@@ -198,7 +198,7 @@ address{
         padding-left:2px;
         padding-right:2px;
     }
-    .full-item address{
+    .full-item>address{
         grid-column: 1;
         grid-row: 4;
         justify-self: start;
-- 
cgit v1.2.3