Edit edit-button style

Edit side-nav-item style
Edit post-navigator style
Add "node_modules" folder to tslint excludes

Author: FawzyMokhtar

src/app/shared/components/post-header/post-header.component.html

@@ -1,6 +1,6 @@
 <header class="post-header">
     <h1 class="post-header-text">{{title}}</h1>
-    <a class="edit-button button" routerLink="/">
+    <a class="edit-button button btn btn-sm" routerLink="/">
         <i class="fa fa-pencil"></i>
         Edit
     </a>

src/styles/components/_button.scss

@@ -1,16 +1,12 @@
 .button {
   color: $theme-color;
   display: inline-block;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 1.2em;
   text-transform: uppercase;
   border-width: 1px;
   border-style: solid;
   border-color: $theme-color;
   border-image: initial;
   border-radius: 3px;
-  padding: 10px;
   transition: background 0.3s ease 0s, color 0.3s ease 0s;
   text-decoration: none;
 

src/styles/components/_doc-navigator.scss

@@ -4,11 +4,31 @@
   justify-content: space-between;
   flex-wrap: wrap;
 
+  .doc-prev,
+  .doc-next {
+    padding: 0.25rem;
+  }
+
   .doc-prev {
     justify-self: start;
   }
 
   .doc-next {
     justify-self: end;
   }
+
+  > :only-child {
+    &.doc-next {
+      margin-left: auto;
+    }
+  }
+}
+
+@include screen-max-md {
+  .doc-prev-next {
+    .doc-prev,
+    .doc-next {
+      margin-top: 1rem;
+    }
+  }
 }

src/styles/layout/_side-nav.scss

@@ -12,6 +12,10 @@
   .navbar {
     display: block;
 
+    .nav-item {
+      margin-bottom: 1rem;
+    }
+
     .section-title {
       font-size: 1rem;
       color: $side-nav-section-title-text-color;

tslint.json

@@ -1,5 +1,10 @@
 {
   "extends": "tslint:recommended",
+  "linterOptions": {
+    "exclude": [
+      "node_modules"
+    ]
+  },
   "rules": {
     "array-type": false,
     "arrow-parens": false,