From 3ac8ad780fe86a7fe04541694ee04642c3265163 Mon Sep 17 00:00:00 2001
From: Morgan McMillian <gilag@monkeystew.com>
Date: Wed, 21 Nov 2018 06:39:22 -0800
Subject: [PATCH] fix up thumbnail rendering

---
 src/components/post/post.html | 39 ++++++++++++++++++++++++++---------
 1 file changed, 29 insertions(+), 10 deletions(-)

diff --git a/src/components/post/post.html b/src/components/post/post.html
index 01fee5f..a45bdf6 100644
--- a/src/components/post/post.html
+++ b/src/components/post/post.html
@@ -29,22 +29,41 @@
 </ion-card-content>
 
 <div *ngIf="post.raw">
-  <div *ngFor="let r of post.raw">
+  <ion-list *ngFor="let r of post.raw">
     <div *ngIf="r.type == 'io.pnut.core.oembed'">
-      <ion-item>
-        <div *ngIf="hideImg; then imgbtn else thumbnail"></div>
-        <ng-template #imgbtn >
+      <div *ngIf="hideImg; then hidebtn else thumbbtn"></div>
+      <ng-template #thumbbtn>
+        <ion-item>
+          <ion-thumbnail item-start>
+            <img src="{{ r.value.thumbnail_url || r.value.url }}" (click)="showImage(r.value.url)">
+          </ion-thumbnail>
+          <h2>{{ r.value.title }}</h2>
+          <p>{{ r.value.description }}</p>
+        </ion-item>
+      </ng-template>
+      <ng-template #hidebtn>
+        <ion-item>
           <button ion-button icon-start (click)="showImage(r.value.url)">
             <ion-icon name="image"></ion-icon>
             {{ r.value.title }}
           </button>
-        </ng-template>
-        <ng-template #thumbnail >
-          <img src="{{ r.value.thumbnail_url || r.value.url }}" (click)="showImage(r.value.url)">
-        </ng-template>
-      </ion-item>
+          <p>{{ r.value.description }}</p>
+        </ion-item>
+      </ng-template>
+      <!-- <div *ngIf="!hideImg; else imgbtn"> -->
+
+      <!-- </div>
+      <ng-template #hideImg>
+        <ion-item>
+          <button ion-button icon-start (click)="showImage(r.value.url)">
+            <ion-icon name="image"></ion-icon>
+            {{ r.value.title }}
+          </button>
+          <p>{{ r.value.description }}</p>
+        </ion-item>
+      </ng-template> -->
     </div>
-  </div>
+  </ion-list>
 </div>
 
 <div *ngIf="post.reposted_by_string">