From 87fc79fafe8431236fa1da2e45579413c9afb24a Mon Sep 17 00:00:00 2001
From: Joachim Nielandt <joachim.nielandt@ugent.be>
Date: Tue, 27 Mar 2018 21:07:54 +0200
Subject: [PATCH] "more"completely working

---
 src/app/components/post/post.component.html |  5 +++--
 src/app/components/post/post.component.scss | 11 +++++++++++
 src/assets/post/test/full-nl.html           |  4 +++-
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/app/components/post/post.component.html b/src/app/components/post/post.component.html
index f20325e..ed4bc33 100644
--- a/src/app/components/post/post.component.html
+++ b/src/app/components/post/post.component.html
@@ -16,11 +16,12 @@
 
   <div class="more" *ngIf="shortVersion === true">
     <a routerLink="../post/{{post.id}}">
+      <!--<i class="fa fa-file"></i>-->
       <app-languagetoggle [language]="'en'">
-        more
+        > full post
       </app-languagetoggle>
       <app-languagetoggle [language]="'nl'">
-        meer
+        > volle post
       </app-languagetoggle>
     </a>
   </div>
diff --git a/src/app/components/post/post.component.scss b/src/app/components/post/post.component.scss
index 69add3d..2e886ba 100644
--- a/src/app/components/post/post.component.scss
+++ b/src/app/components/post/post.component.scss
@@ -42,6 +42,15 @@
   border-right: 1px solid black;
   padding-right: 25px;
   text-align: justify;
+
+
+}
+
+/**
+This is a work-around for the innerHTML. Apparently, angular can style this is :host ::ng-deep is added. Fucked up.
+ */
+:host ::ng-deep .post-body p:last-child {
+  margin-bottom: 0px;
 }
 
 .post-tag {
@@ -56,5 +65,7 @@
 
 .more {
   border-left: 1px solid black;
+  border-right: 1px solid black;
   padding-left: 25px;
+  padding-top: 10px;
 }
diff --git a/src/assets/post/test/full-nl.html b/src/assets/post/test/full-nl.html
index 00a21ee..a2d16b5 100644
--- a/src/assets/post/test/full-nl.html
+++ b/src/assets/post/test/full-nl.html
@@ -1,5 +1,7 @@
 <p>Dit is een test post.</p>
-
+<p>Dit is een test post.</p>
+<p>Dit is een test post.</p>
+<p>Dit is een test post.</p>
 <splitter/>
 
 <p>En dit is de tweede paragraaf!</p>