From 5a8e6af43e98a8cc345c66df67aa4cf09dfee857 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Fri, 18 Aug 2023 20:13:35 -0400
Subject: [PATCH] fix: post preview on skins remove clearfix and floats

---
 src/views/partials/topic/post-preview.tpl | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/views/partials/topic/post-preview.tpl b/src/views/partials/topic/post-preview.tpl
index 696a673f19..107075eef3 100644
--- a/src/views/partials/topic/post-preview.tpl
+++ b/src/views/partials/topic/post-preview.tpl
@@ -1,13 +1,11 @@
-<div id="post-tooltip" class="card card-body shadow text-bg-light" style="position:absolute; z-index: 1;">
-    <div class="clearfix">
-        <div class="icon float-start">
+<div id="post-tooltip" class="card card-body shadow bg-body text-body z-1 position-absolute">
+    <div class="d-flex flex-column gap-2">
+        <div class="d-flex gap-1 align-items-center">
             <a href="{{{ if post.user.userslug }}}{config.relative_path}/user/{post.user.userslug}{{{ else }}}#{{{ end }}}">
                 {buildAvatar(post.user, "24px", true, "", "user/picture")} {post.user.username}
             </a>
+            <span class="timeago text-xs" title="{post.timestampISO}"></span>
         </div>
-        <small class="float-end">
-            <span class="timeago" title="{post.timestampISO}"></span>
-        </small>
+        <div class="content">{post.content}</div>
     </div>
-    <div class="content">{post.content}</div>
 </div>