From 6aefbf355e9ad9713e751c877a62d948a9aea02d Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Sun, 21 Apr 2019 17:27:39 -0700
Subject: [PATCH] Some chat styling

---
 ui/src/components/post.tsx | 6 +++---
 ui/src/css/main.css        | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/post.tsx b/ui/src/components/post.tsx
index 9f489466b..586bda75a 100644
--- a/ui/src/components/post.tsx
+++ b/ui/src/components/post.tsx
@@ -80,7 +80,7 @@ export class Post extends Component<any, PostState> {
         {this.state.loading ? 
         <h5><svg class="icon icon-spinner spin"><use xlinkHref="#icon-spinner"></use></svg></h5> : 
         <div class="row">
-            <div class="col-12 col-md-8 col-lg-7 mb-3">
+            <div class="col-12 col-md-8 col-lg-7 mb-3 pr-0">
               <PostListing 
                 post={this.state.post} 
                 showBody 
@@ -94,10 +94,10 @@ export class Post extends Component<any, PostState> {
               {this.sortRadios()}
               {this.commentsTree()}
             </div>
-            <div class="col-12 col-md-4 col-lg-3 mb-3 d-none d-md-block">
+            <div class="col-12 col-md-4 col-lg-3 mb-3 d-none d-md-block px-0">
               {this.state.comments.length > 0 && this.newComments()}
             </div>
-            <div class="col-12 col-sm-12 col-lg-2">
+            <div class="col-12 col-sm-12 col-lg-2 px-0 pl-2">
               {this.sidebar()}
             </div>
           </div>
diff --git a/ui/src/css/main.css b/ui/src/css/main.css
index 832149f44..61e068cdb 100644
--- a/ui/src/css/main.css
+++ b/ui/src/css/main.css
@@ -89,5 +89,9 @@ blockquote {
 
 .new-comments {
   max-height: 100vh;
+  overflow: hidden;
+}
+
+.new-comments:hover {
   overflow-y: auto;
 }