From 2ceb31b650facb2c6384a426e5ed99b48eb2801a Mon Sep 17 00:00:00 2001
From: Luke <luke@safing.io>
Date: Tue, 17 Nov 2020 13:13:33 +0100
Subject: [PATCH] Add team profiles

---
 _includes/thumbnail_blog.html | 32 +++++++++++++++-----------------
 1 file changed, 15 insertions(+), 17 deletions(-)

diff --git a/_includes/thumbnail_blog.html b/_includes/thumbnail_blog.html
index cf49148..5603236 100644
--- a/_includes/thumbnail_blog.html
+++ b/_includes/thumbnail_blog.html
@@ -11,24 +11,22 @@
         <span class="absolute text-white right-0 bottom-0 pr-3 pb-3" style="font-size: 3.1rem; font-weight: 800;" >#{{ post.title | slice: 2, 2 }}</span>
         {% endif %}
       </div>
-
-      <div class="absolute top-0 right-0 pt-1 overflow-visible mt-2 mr-4 ">
-        <div class="flex-shrink-0 mt-0">
-          <div class="flex ">
-            <span class="transform hover:scale-110 duration-150 ease-in-out" tooltip="{{ post.author | capitalize }}">
-              <img class="inline-block h-8 w-8 rounded-full text-white shadow-solid border-2 border-white" src="{{ site.img_url }}profiles/{{ post.author | downcase }}.png" alt="{{ post.author | capitalize }}">
-            </span>
-          </div>
-        </div>
-      </div>
-
       <div class="pt-6">
-        <span class="opacity-25">
-        {% if include.pre_header %}
-          {{ include.pre_header }} -
-        {% endif %}
-        {{ post.date | date: "%-d. %b %Y" }}
-        </span>
+        <div class="flex w-full relative">
+          <span class="opacity-25">
+            {% if include.pre_header %}
+              {{ include.pre_header }} -
+            {% endif %}
+            {{ post.date | date: "%-d. %b %Y" }}
+            </span>
+            <div class="flex-shrink-0 right-0 absolute right-0">
+              <div class="flex ">
+                <span class="transform hover:scale-110 duration-150 ease-in-out" tooltip="{{ post.author | capitalize }}">
+                  <img class="inline-block h-6 w-6 rounded-full text-white shadow-solid border-2 border-transparent" src="{{ site.img_url }}profiles/{{ post.author | downcase }}.png" alt="{{ post.author | capitalize }}">
+                </span>
+              </div>
+            </div>
+        </div>
         {% if post.progress_update == true %}
           {% assign title_length = post.title | size %}
           <p>{{ post.title | slice: 7, title_length }} - #{{ post.title | slice: 2, 2 }}</p>