Merge pull request #105 from HashnodeWithAngular/develop

fix(header): minor adjustment for mobile view

Author: esteecodes

src/app/components/header/header.component.scss

@@ -80,7 +80,6 @@ p-toolbar {
 
 @media (max-width: 600px) {
   p-toolbar {
-    padding: 0;
 
     .toolbar-row {
       &.first {

src/app/components/header/header.component.ts

@@ -3,7 +3,7 @@ import { FormsModule } from "@angular/forms";
 import { ThemeService } from "../../services/theme.service";
 import { BlogService } from "../../services/blog.service";
 import { KeyValuePipe } from "@angular/common";
-import { ActivatedRoute, Router, RouterLink } from "@angular/router";
+import { RouterLink } from "@angular/router";
 import { BlogInfo, BlogLinks } from "../../models/blog-info";
 import { SeriesList } from "../../models/post";
 import { SearchDialogComponent } from "../../partials/search-dialog/search-dialog.component";

src/styles.scss

@@ -70,7 +70,7 @@ article {
 
 @media (max-width: 600px) {
   .p-toolbar {
-    padding: 0.3rem 0 0.3rem 0.5rem;
+    padding: 0.5rem 0.7rem;
   }
 
   app-sidenav {