Adjust margin of some components

app/javascript/components/Board/NewPost.tsx

@@ -144,7 +144,7 @@ class NewPost extends React.Component<Props, State> {
     } = this.state;
 
     return (
-      <div className="newBoardContainer sidebarCard">
+      <div className="newPostContainer sidebarCard">
         <span className="boardTitle">{board.name}</span>
         <p><MutedText>{board.description}</MutedText></p>
         {

app/javascript/stylesheets/components/Board.scss

@@ -17,7 +17,7 @@
     .postList { width: 100%; }
   }
 
-  .newBoardContainer {
+  .newPostContainer {
     background-color: $astuto-grey;
     text-align: center;
 
@@ -25,6 +25,10 @@
       font-size: 25px;
       font-weight: 600;
     }
+
+    .newPostForm {
+      @extend .my-2;
+    }
   }
 
   .postStatusListItemContainer {

app/javascript/stylesheets/components/Post.scss

@@ -76,7 +76,8 @@
     @extend
       .card,
       .flex-grow-1,
-      .p-3;
+      .p-3,
+      .mb-3;
 
     .postInfo {
       @extend .d-flex;

app/javascript/stylesheets/general/_components.scss

@@ -29,7 +29,7 @@ a {
 
 .sidebar {
   position: sticky;
-  top: 60px;
+  top: 79px;
 
   .sidebarCard {
     @extend