Bookmarks made available only for news

src/app/bookmarks/bookmarks.page.ts

@@ -47,7 +47,7 @@ export class BookmarksPage implements OnInit {
     }
 
     showNewsDetails(alias_title: string, type: string) {
-        this.router.navigate(['/home-details', { alias_title: alias_title, type: type }]);
+        this.router.navigate(['/home-details', { alias_title: alias_title, type: 'news' }]);
     }
 
     ngOnInit() {

src/app/home/home.page.html

@@ -41,12 +41,12 @@
                             <ion-icon name="share-social-outline"></ion-icon>
                         </button>
 
-                        <button (click)="toggleBookmark(news.title_alias)" [ngClass]="{'marked' : isPostBookmarked(news.title_alias)}">
+                        <button class="bookmark-button" (click)="toggleBookmark(news.title_alias)" [ngClass]="{'marked' : isPostBookmarked(news.title_alias)}">
                             <ion-icon name="bookmark-outline"></ion-icon>
                             <ion-icon name="bookmark"></ion-icon>
                         </button>
 
-                        <button (click)="toggleLike(news.title_alias)" [ngClass]="{'liked' : isArticleLiked(news.title_alias)}">
+                        <button class="like-button" (click)="toggleLike(news.title_alias)" [ngClass]="{'liked' : isArticleLiked(news.title_alias)}">
                             <ion-icon name="heart-outline"></ion-icon>
                             <ion-icon name="heart"></ion-icon>
                         </button>
@@ -85,12 +85,12 @@
                             <ion-icon name="share-social-outline"></ion-icon>
                         </button>
 
-                        <button (click)="toggleBookmark(news.title_alias)" [ngClass]="{'marked' : isPostBookmarked(news.title_alias)}">
+                        <!-- class="bookmark-button" <button (click)="toggleBookmark(news.title_alias)" [ngClass]="{'marked' : isPostBookmarked(news.title_alias)}">
                             <ion-icon name="bookmark-outline"></ion-icon>
                             <ion-icon name="bookmark"></ion-icon>
-                        </button>
+                        </button> -->
 
-                        <button (click)="toggleLike(news.title_alias)" [ngClass]="{'liked' : isArticleLiked(news.title_alias)}">
+                        <button class="like-button" (click)="toggleLike(news.title_alias)" [ngClass]="{'liked' : isArticleLiked(news.title_alias)}">
                             <ion-icon name="heart-outline"></ion-icon>
                             <ion-icon name="heart"></ion-icon>
                         </button>
@@ -126,12 +126,12 @@
                             <ion-icon name="share-social-outline"></ion-icon>
                         </button>
 
-                        <button (click)="toggleBookmark(news.title_alias)" [ngClass]="{'marked' : isPostBookmarked(news.title_alias)}">
+                        <!-- class="bookmark-button" <button (click)="toggleBookmark(news.title_alias)" [ngClass]="{'marked' : isPostBookmarked(news.title_alias)}">
                             <ion-icon name="bookmark-outline"></ion-icon>
                             <ion-icon name="bookmark"></ion-icon>
-                        </button>
+                        </button> -->
 
-                        <button (click)="toggleLike(news.title_alias)" [ngClass]="{'liked' : isArticleLiked(news.title_alias)}">
+                        <button class="like-button" (click)="toggleLike(news.title_alias)" [ngClass]="{'liked' : isArticleLiked(news.title_alias)}">
                             <ion-icon name="heart-outline"></ion-icon>
                             <ion-icon name="heart"></ion-icon>
                         </button>

src/app/home/home.page.scss

@@ -185,7 +185,7 @@ ion-slides {
                     font-size: 1.2rem;
                 }
 
-                &:nth-child(2) {
+                &.bookmark-button {
                     background-color: transparent;
                     border: 1px solid $blue-grey;
 
@@ -212,7 +212,7 @@ ion-slides {
                     }
                 }
 
-                &:nth-child(3) {
+                &.like-button {
                     background-color: transparent;
                     border: 1px solid $blue-grey;