Adjust margin of some components

astuto · Jan 5, 2020 · 84aa30d · Abdullah-js · Jul 5, 2020 · 84aa30d
1 parent d071266
commit 84aa30d
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/app/javascript/components/Board/NewPost.tsx b/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>
         {

diff --git a/app/javascript/stylesheets/components/Board.scss b/app/javascript/stylesheets/components/Board.scss
@@ -17,14 +17,18 @@
     .postList { width: 100%; }
   }
 
-  .newBoardContainer {
+  .newPostContainer {
     background-color: $astuto-grey;
     text-align: center;
 
     .boardTitle {
       font-size: 25px;
       font-weight: 600;
     }
+
+    .newPostForm {
+      @extend .my-2;
+    }
   }
 
   .postStatusListItemContainer {

diff --git a/app/javascript/stylesheets/components/Post.scss b/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;

diff --git a/app/javascript/stylesheets/general/_components.scss b/app/javascript/stylesheets/general/_components.scss
@@ -29,7 +29,7 @@ a {
 
 .sidebar {
   position: sticky;
-  top: 60px;
+  top: 79px;
 
   .sidebarCard {
     @extend