Some chat styling

2 files changed, 7 insertions, 3 deletions

diff --git a/ui/src/components/post.tsx b/ui/src/components/post.tsx
index 9f489466..586bda75 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 832149f4..61e068cd 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;
 }