From ffeccc5ac3740080a6597e74af35e03e53425318 Mon Sep 17 00:00:00 2001 From: James Taylor Date: Sat, 1 Sep 2018 21:53:40 -0700 Subject: Reorganize comment system --- youtube/comments.css | 29 ++++++++++++++++++++++++++++- 1 file changed, 28 insertions(+), 1 deletion(-) (limited to 'youtube/comments.css') diff --git a/youtube/comments.css b/youtube/comments.css index ed1721f..e7b9e92 100644 --- a/youtube/comments.css +++ b/youtube/comments.css @@ -23,7 +23,34 @@ width: 100%; } +.comments-area{ + display:grid; +} + .comment-form{ + display:contents; + } + .comments-area textarea{ + resize: vertical; + margin-top:10px; + } + .post-comment-button{ + margin-top:10px; + justify-self:end; + } + .comment-links{ + display:grid; + grid-auto-flow: column; + grid-column-gap: 10px; + justify-content:start; + } + .comment-links a{ + background-color: #d0d0d0; + padding: 2px; + justify-self:start; + } + .comments{ + margin-top:10px; grid-row-gap: 10px; display: grid; align-content:start; @@ -84,5 +111,5 @@ .more-comments{ justify-self:center; - + margin-top:10px; } \ No newline at end of file -- cgit v1.2.3