From 2981a78d42f5291b96520d54c027615cb42b81ac Mon Sep 17 00:00:00 2001
From: Evert Prants <imsonotsleepy@gmail.com>
Date: Mon, 16 Nov 2020 22:48:27 +0200
Subject: [PATCH] prevent pagination buttons from getting selected, contain
 article errors

---
 src/app/article/article.component.html        | 24 ++++++++++---------
 .../list-paginate.component.styl              |  1 +
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/app/article/article.component.html b/src/app/article/article.component.html
index e8137ea..fe906eb 100644
--- a/src/app/article/article.component.html
+++ b/src/app/article/article.component.html
@@ -1,13 +1,15 @@
-<h2>{{ article.title }}</h2>
-<div class="intro" [innerHTML]="article.intro"></div>
-<ng-container *ngIf="article.images.length">
-  <div class="image-wrapper">
-    <img src="{{ article.images[0].medium }}">
+<ng-container *ngIf="article">
+  <h2>{{ article.title }}</h2>
+  <div class="intro" [innerHTML]="article.intro"></div>
+  <ng-container *ngIf="article.images.length">
+    <div class="image-wrapper">
+      <img src="{{ article.images[0].medium }}">
+    </div>
+  </ng-container>
+  <div class="content-wrapper" [innerHTML]="article.body"></div>
+  <div class="tags">
+    <ul>
+      <li *ngFor="let tag of article.tags">{{ tag }}</li>
+    </ul>
   </div>
 </ng-container>
-<div class="content-wrapper" [innerHTML]="article.body"></div>
-<div class="tags">
-  <ul>
-    <li *ngFor="let tag of article.tags">{{ tag }}</li>
-  </ul>
-</div>
diff --git a/src/app/list-paginate/list-paginate.component.styl b/src/app/list-paginate/list-paginate.component.styl
index b124784..44f7cac 100644
--- a/src/app/list-paginate/list-paginate.component.styl
+++ b/src/app/list-paginate/list-paginate.component.styl
@@ -5,6 +5,7 @@
   font-weight: 900
   font-size: 16px
   display: block
+  user-select: none
 
 fa-icon, a
   color: #666