Better columns

2 files changed, 6 insertions, 5 deletions

diff --git a/ui/src/components/community.tsx b/ui/src/components/community.tsx
index 28841a2e..efa908f1 100644
--- a/ui/src/components/community.tsx
+++ b/ui/src/components/community.tsx
@@ -36,6 +36,7 @@ export class Community extends Component<any, State> {
       number_of_comments: null,
       published: null,
       removed: null,
+      deleted: null,
     },
     moderators: [],
     admins: [],
@@ -98,7 +99,7 @@ export class Community extends Component<any, State> {
         {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-9">
+          <div class="col-12 col-md-8">
             <h5>{this.state.community.title}
             {this.state.community.removed &&
               <small className="ml-2 text-muted font-italic">removed</small>
@@ -108,7 +109,7 @@ export class Community extends Component<any, State> {
           <PostListings posts={this.state.posts} />
           {this.paginator()}
           </div>
-          <div class="col-12 col-md-3">
+          <div class="col-12 col-md-4">
             <Sidebar 
               community={this.state.community} 
               moderators={this.state.moderators} 
diff --git a/ui/src/components/post.tsx b/ui/src/components/post.tsx
index 5b0a606c..7b2f790e 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-6 mb-3">
               <PostListing 
                 post={this.state.post} 
                 showBody 
@@ -97,7 +97,7 @@ export class Post extends Component<any, PostState> {
             <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-3">
               {this.sidebar()}
             </div>
           </div>
@@ -148,7 +148,7 @@ export class Post extends Component<any, PostState> {
 
   sidebar() {
     return ( 
-      <div class="sticky-top">
+      <div class="">
         <Sidebar 
           community={this.state.community} 
           moderators={this.state.moderators}