Some chat styling

diff --git a/ui/src/components/post.tsx b/ui/src/components/post.tsx
index 9f489466b5e98d0f15c19ec84ee6a03c128838cc..586bda75a0cd08dfe7d624c8b38b579c9643fa81 100644 (file)
--- 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 832149f4455f6c5c0c746762c00f3347902c3b4a..61e068cdb95c813ea462c76f54cf3ae003f4e38d 100644 (file)
--- 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;
 }